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();

您可能需要进行一些修改以解决您的问题

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

6 个答案: