jquery - 如何从选择框中获取名称并获取值？

Question

我有一个示例代码：

<select name="code_id" id="code_id">
   <option value="1">Code 1</option>
   <option value="2">Code 2</option>
</select>

<script type="text/javascript">
jQuery(document).ready(function(){
     var code_id = this.code_id.value; // Get value
     var code_name = this...// Get code name
     alert(code_name); 
});
</script>

如何获取代号（代码 1、代码 2）

Answer 1

这将为您提供所有代号：

$.each($("#code_id option"), function (i, opt) { console.log($(opt).text())})

这将为您提供选定的代号

$("#code_id").text()

Answer 2

澄清你的问题
如果它是你想要的选定选项的文本，那么：

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

Answer 3

像这样的东西

$('#code_id option').each(function() { alert($(this).text()); });

Answer 4

$(document).ready(function(){
 $('#code_id').change(function(){
     alert($(this).find('option:selected').text());
 });
});

Answer 5

您可以使用:selected选择器来选择选定的选项并text()获取它的文本。

选择所有被选中的元素。

$(document).ready(function(){
     var txt = $('#code_id option:selected').text()
});

Answer 6

你可以这样做：

$('#code_id option[value="'+$(this).val()+'"]').html();

您可能需要进行一些修改以适应您的问题