Javascript 选择框选定值显示在div内

代码：

->要显示的选项id值

<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>

---

这并没有给我想要的结果。

说代码不工作完全没有任何作用。对我来说很好

$price.changefunction{ var id=$this.children'选项：selected'.attr'id'； $priceDisplay.append选择的价格：+id+

； }; 低的 中间的 高的 最高

---

您可能想显示结果

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

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

---

你说的那个部门在哪里？我看不出你把这个值放在任何地方……它在工作，一旦你去掉斜杠——它就什么也没做了。删除斜杠，然后添加类似console.logid的内容，这样您就可以看到它做了什么。或者，让我们知道您希望它做什么。代码不起作用：/噢，孩子。等待你想看哪个价格？更改选择时，将触发更改。为什么您有一个具有相同ID的span？这永远不会改变！我很困惑。你期待的是什么样的行为。考虑到你告诉我们的，它完全按照我告诉它的去做。您是否希望选择中的值显示在范围中？请重新运行上面的代码段，我已对其进行了编辑，以实现这一目的。您的不同示例是根据下拉列表中的选择切换div。您提供的HTML不支持此功能。如果你想做的只是显示数据，乔纳斯或我给出了几乎相同的答案。我们都是对的；