的Javascript：从列表获取所选的选项，然后粘贴到一个标签标记

Question

我的国家的名单，HTML，他们有数字ID和国名：

例：

<select name="userDto.nationality" id="userDto.nationality"> 
      <option value="">Seleccione</option> 
       <option value="1">Alemania</option> 
       <option selected="selected" value="2">Argentina</option> 
       <option value="8">Australia</option> 
       <option value="9">Austria</option> 
       <option value="10">Bélgica</option> 
       <option value="11">Bolivia</option> 
</select> 

我试着去使用jquery脚本来获取列表的国家，而不是价值，名称，并将其粘贴到标签中。

$(document).ready(function() {  
    $("#userDto\\.nationality option:selected").click(function() { $("#nationalityLabel").html(this.value); }); 

}); 

，并应得到国家的名字HTML是：

<div name="userLabelDiv" id="nationalityUserLabelDiv"> 
    <label class="required">Nacionalidad :</label> 
    <label id="nationalityLabel"></label> 
</div> 

有人能指导我的问题吗？我无法找到我的错误在JS代码中。 谢谢

Answer 1

两个小东西：从$("#userDto\\.nationality option:selected")

• 变化选择到$("#userDto\\.nationality")

• change事件处理从click到change

完成。

$(document).ready(function() {  
    $("#userDto\\.nationality").change(function() { 
     $("#nationalityLabel").html(this.value); 
    }); 
}); 

为什么：

您当前的代码会工作，但仅限于“阿根廷”，因为它是selected默认。使用您的选择器option:selected，您仅将事件处理程序绑定到选定的选项元素，即阿根廷。

所以你需要添加一个事件处理程序到select element本身。更改处理程序会在您更改选择时触发。我想这是你想要的结果。