选择框中选择值显示

-2

- >选项 “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>

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

来源

2016-12-27 MJoRaYuLuN

你在说什么'div'？我没有看到你把价值放在任何地方...... – Dekel

它的工作，一旦你删除斜线 - 它只是没有做任何事情。删除，斜杠，然后添加像console.log（id）的东西，所以你可以看到它确实做了一些事情。 – Snowmonkey

或者，让我们知道您期望它做什么。 – Snowmonkey

说“代码不工作”完全没有。对我来说很好，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的，作为指定。第二次编辑，更改范围名称并在每次更改选择时将信息追加到该范围中。

来源

2016-12-27 20:56:17 Snowmonkey

发生冲突，我正在尝试，它不工作:( – MJoRaYuLuN

你期望的行为是什么，正如我告诉我们做的那样，你做了什么？从选择出现在跨度？ – Snowmonkey

是的，我想显示选定的值 – MJoRaYuLuN

您可能想要显示结果吗？

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

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

来源

2016-12-27 21:06:51

选择框中选择值显示

回答

相关问题