Question

代码：

- ＆GT;选项＆＃34; id＆＃34;要显示的值

<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>

<script>
$("#price").change(function() {
var id = $(this).children('option:selected').attr('id');
});
</script>

<td>
<select name="money" id="price" style="width: 100%">
<option value="Low" id="10">Low</option>
<option value="Middle" id="30" >Middle</option>
<option value="High" id="60" >High</option>
<option value="Highest" id="100" >Highest</option>
</select>
</td>
<td>
<span id="price"></span>
</td>

这并没有给我预期的结果。

Answer 1

说“代码不工作”绝对没有。对我来说很好， here it is as a fiddle 。

$("#price").change(function() {
  var id = $(this).children('option:selected').attr('id');
  $("#priceDisplay").append("<p>Price chosen: "+id+"</p>");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<td>
  <select name="money" id="price" style="width: 100%">
    <option value="Low" id="10">Low</option>
    <option value="Middle" id="30">Middle</option>
    <option value="High" id="60">High</option>
    <option value="Highest" id="100">Highest</option>
  </select>
</td>
<td>
  <span id="priceDisplay"></span>
</td>

按照指定编辑包含jQuery。第二次编辑，更改范围的名称，并在每次更改选择时将信息附加到该范围。

Answer 2

您可能想要显示结果？

$("#price").change(function() {
 var id = $(this).children('option:selected').attr('id');    
console.log(id);
$("#showprice").html(id);
});

<span id="showprice"></span>

在div中选择框选择值显示

2 个答案: