Javascript 如何从该自定义HTML表单标记中查找当前选定的值？

我有一个元素是文本框，但它的值是从另一个隐藏的select元素填充的

<input type="text" id="autocompleteu_17605833" style="box-shadow: none; width: 119px;" class="mobileLookupInput ui-autocomplete-input" autocomplete="off" role="textbox" aria-autocomplete="list" aria-haspopup="true">
<select id="u_17605833" name="u_17605833" style="visibility: hidden">
    <option value="127468">Virginia</option>
    <option value="127469">Washington</option>
    <option value="127470">West Virginia</option>
    <option value="127471">Wisconsin</option>
    <option value="127472">Wyoming</option>
</select>

我得到的是旧值，因为我需要当前指定的值。 如何做到这一点

如果我没有错，您需要为此选择的值，您可以使用选择方法

---

这是一段简单的代码，可以根据需要工作

功能结果{ document.getElementByIdresult.innerHTML=document.getElementByIdu_17605833.value； } 弗吉尼亚州 华盛顿 西弗吉尼亚州 威斯康星州 怀俄明州

---

这是大量未注释的密集代码。请整理代码或提供JSFIDLE。请删除任何不相关的代码。我们可以在不需要50个州的选项标签的情况下进行选择。在fiddle中，此功能无法按预期工作。所以贴在这里。如果fiddle使它变得简单，那么请访问此处$autocompleteu_17605833.onchange，函数事件{var selectedValue=document.getElementByIdthis.id.substringthis.id.indexOf uxof-1.value；alertChanging value+selectedValue；}；正确地给出了所选的值。请从fiddle中的“框架和扩展”选项卡中选择适当的jQuery版本。我需要各个值的选项标记的值属性。假设选择了“Virginia”，则我希望其值为127468。

$("#autocompleteu_17605833").on("click", function (event) {
    $((this.id).substring((this.id).indexOf("_") - 1)).attr("onchange", function (event) {
        var selece = this.value;
        alert(selece);
    });
});
$("#autocompleteu_17605833").next().on("click", function (event) {
    var selectedValue = document.getElementById((this.id).substring((this.id).indexOf("_") - 1)).value;
    alert("Click on Arrow" + selectedValue);
});
$("#autocompleteu_17605833").on("change", function (event) {
    var selectedValue = document.getElementById((this.id).substring((this.id).indexOf("_") - 1)).value;
    alert("Changing the value" + selectedValue);
});

 select:function(event,ui) {
        alert("You have selected "+ui.item.label); 
        alert("You have selected "+ui.item.value);
    }