Javascript：从列表中选择选项并将其粘贴到标签标签上

我有一个国家列表，html，它们有数字ID和国家名称：

例：

应获取国家名称的HTML为：

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

有人能指导我解决这个问题吗？我在JS代码中找不到我的错误在哪里。 谢谢你

两件小事：

将选择器从$userDto更改为\\。国籍选项：已选择 至$userDto\\\国籍

将事件处理程序从单击更改为更改

完成了

原因：

您当前的代码本可以工作，但仅适用于阿根廷，因为默认情况下它处于选中状态。使用selector option:selected，您将事件处理程序仅绑定到选定的选项元素，即Argentinia

---

因此，您需要向select元素本身添加一个事件处理程序。每当您更改选择时，更改处理程序都会激发。我想这是您想要的结果。

这是可行的，但我的标签正在获取选项的id，例如：我从选择列表中选择奥地利，我的标签显示id 9，但实际上我需要它显示与id对应的国家的名称，在这种情况下，我需要标签显示奥地利。我怎么能骗你呢？非常感谢。

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

});

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

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