📌  相关文章
📜  如何使用jQuery从下拉列表中获取选定的文本?(1)

📅  最后修改于: 2023-12-03 15:08:25.043000             🧑  作者: Mango

如何使用jQuery从下拉列表中获取选定的文本

在HTML中,使用<select>标签可以创建下拉列表。

<select id="my-select">
  <option value="1">选项1</option>
  <option value="2">选项2</option>
  <option value="3">选项3</option>
  <option value="4">选项4</option>
</select>

使用jQuery中的val()方法可以获取选定的值。

var selectedValue = $('#my-select').val();

如果你想要获取选定的文本而不是值,可以使用text()方法。

var selectedText = $('#my-select option:selected').text();

上述代码会首先选中选定的选项,然后获取它的文本。

注意,需要使用:selected选择器来选中选定的选项。

如果想要获取选定选项的值和文本,可以这样做:

var selectedOption = $('#my-select option:selected');
var selectedValue = selectedOption.val();
var selectedText = selectedOption.text();

这样,selectedValue变量将包含选定选项的值,而selectedText变量将包含选定选项的文本。