Question

我有以下jQuery代码在单独的div中显示所选的选项值和文本。代码如下：

<script>
$("#icddiagnosiscodes").change(function() {
var value = $( "#icddiagnosiscodes" ).val();//to get content of "value" attrib
var text = $( "#icddiagnosiscodes option:selected" ).text();//to get <option>Text</option> content
$("#icddiagcode").html("Diagnosis Code: " + value);
$("#icddiagdes").html("Diagnosis Description: " + text);
})
</script>

Html是：

<select  id="icddiagnosiscodes" name="icddiagnosiscodes" style="width:300px;height:40px;">
<option  selected="selected">Select ICD-10-CM Diagnosis Codes</option>
</select>
<div id ="icddiagcode"></div>
<span id ="icddiagdes"></span>

价值观＆amp;使用Ajax请求更新文本到DB。

但遗憾的是，首次选择时显示的值始终是第一个选项值。 stackoverflow中发布了类似的问题：

JQuery - select val() only returns first value of dropdown

没有解决方案，除了OP根据jQuery错误报告指定了以下内容：

您可以通过将selectedIndex分别复制到克隆的选择来解决此限制。＆＃34;

错误报告位于： https://bugs.jquery.com/ticket/12479

作为一个新手，我无法理解其含义： 将selectedIndex复制到克隆的选择

如何使用Jquery？专家要求帮助。

更新这是我在ajax选项更新中没有提供价值的问题。我添加了一个value=''，现在没问题了。

$("select#icddiagnosiscodes").prepend("<option selected='selected' value=''>Select ICD-10-CM Diagnosis Codes</option>");

所选选项的值始终是jQuery

0 个答案: