javascript - jQuery 检索选择选项值

Question

这个问题已经有答案了:

Get selected value of a dropdown's item using jQuery (31 个回答)

已关闭 9 年前。

我尝试过使用这两种方法，但似乎都没有从下拉菜单中检索选定的值或文本。

我的 HTML:

<select id="sessions">
  <option value="0">Choose a Session</option>
  <option value="Awesome">Awesome</option>
  <option value="test1">test1</option>
  <option value="testing">testing</option>
</select>

第一种方法:

var selectedSession = $('#sessions').options[$('#sessions').selectedIndex].val();

这甚至没有被识别，因为我返回了一个未定义的值。

第二种方法:

var selectedSession = $('#sessions').find(":selected").text();

这将返回字符串“”。一片空白。我已经尝试过 val() 和 text()。是的，我知道两者之间的区别。

编辑:

尝试了所有这些方法，但没有成功:

var selectedSession = $('#sessions :selected').text();
var selectedSession = $('#sessions').val();
var selectedSession = $('#sessions option:selected').text();
var selectedSession = $('select#sessions').val();
var selectedSession = $('#sessions')[0].options[$('#sessions')[0].selectedIndex].val();
var selectedSession = document.getElementById("sessions").text(); Returns null

另外，澄清一下，JavaScript 位于外部文档(例如 external.js)中，并且该变量是全局变量，不在任何函数内。

感谢您的帮助。

Answer 1

试试这个:

获取选项的文本:

$( "#sessions option:selected" ).text();

获取选项的值(value):

$('select#sessions').val()