jQuery的解决方案

我如何得到一个选定的选项的文本值

选择元素通常有两个要访问的值。 首先是要发送给服务器的值，这很简单:

$( "#myselect" ).val();
// => 1

第二个是选择的文本值。 例如，使用以下选择框:

<select id="myselect">
  <option value="1">Mr</option>
  <option value="2">Mrs</option>
  <option value="3">Ms</option>
  <option value="4">Dr</option>
  <option value="5">Prof</option>
</select>

如果你想获得字符串“Mr”，如果选择了第一个选项(而不是“1”)，你可以用下面的方式来做:

$( "#myselect option:selected" ).text();
// => "Mr"  

另请参阅

.瓦尔()金刚火证件

有趣的后盖(selectObject) 值= selectObject.值; 控制台日志(价值); 的 <选择id=“孔博”“> <option value=" >选择组合</option> <选项价值= >“Value1 Text1 < /选项> <选项价值= Value2 " > Text2 < /选项> <选项价值= >“Value3 Text3 < /选项> 选择< - >

上面的示例为您提供OnChange事件上组合框的选定值。

您可以尝试咆哮代码

<select onchange="myfunction($(this).val())" id="myId">
    </select>

JavaScript解决方案

<select id="comboA">
<option value="">Select combo</option>
<option value="Value1">Text1</option>
<option value="Value2">Text2</option>
<option value="Value3">Text3</option>
</select>

<script>
 document.getElementById("comboA").onchange = function(){
    var value = document.getElementById("comboA").value;
 };
</script>

or

<script>
 document.getElementById("comboA").onchange = function(evt){
    var value = evt.target.value;
 };
</script>

or

<script>
 document.getElementById("comboA").onchange = handleChange;

 function handleChange(evt){
    var value = evt.target.value;
 };
</script>

jQuery的解决方案

我如何得到一个选定的选项的文本值

选择元素通常有两个要访问的值。 首先是要发送给服务器的值，这很简单:

$( "#myselect" ).val();
// => 1

第二个是选择的文本值。 例如，使用以下选择框:

<select id="myselect">
  <option value="1">Mr</option>
  <option value="2">Mrs</option>
  <option value="3">Ms</option>
  <option value="4">Dr</option>
  <option value="5">Prof</option>
</select>

如果你想获得字符串“Mr”，如果选择了第一个选项(而不是“1”)，你可以用下面的方式来做:

$( "#myselect option:selected" ).text();
// => "Mr"  

另请参阅

.瓦尔()金刚火证件

如何在jQuery中做到这一点:

<select id="yourid">
<option value="Value 1">Text 1</option>
<option value="Value 2">Text 2</option>
</select>

<script src="jquery.js"></script>
<script>
$('#yourid').change(function() {
  alert('The option with value ' + $(this).val() + ' and text ' + $(this).text() + ' was selected.');
});
</script>

你还应该知道Javascript和jQuery是不一样的。jQuery是有效的JavaScript代码，但并不是所有的JavaScript都是jQuery。你应该查找不同之处，并确保你使用的是合适的。