如何获取其他selectmenu()的值？

Question

我正在使用 jQuery ui selectmenu()。

我已经浏览过https://jqueryui.com/selectmenu/

我有 2 个选择框。我想在第二个中使用第一个选择框值。那么我怎样才能获得第一个选择框的值。

我暂时这样做。

 <select class="select" id="one">
     <option value="1">A</option>
     <option value="2">B</option>    
 </select>

 <select class="select2">
     <option value="1">A</option>
     <option value="2">B</option>    
 </select>

 $(".select").selectmenu();
    $(".select2").selectmenu({
        change: function (event, data) {

            var firstVal = $("#one-button .ui-selectmenu-text").text();
            alert(firstVal);
            return false;

        }
    });

有没有更好的方法来获取第一个选择框的值？

它生成以下 HTML 类型

<span class="ui-selectmenu-button ui-widget ui-state-default ui-corner-all" tabindex="0" id="one-button" role="combobox" aria-expanded="false" aria-autocomplete="list" aria-owns="continents_1-menu" aria-haspopup="true" style="width: 0px;" aria-activedescendant="ui-id-29" aria-labelledby="ui-id-29" aria-disabled="false">
<span class="ui-icon ui-icon-triangle-1-s"></span>
<span class="ui-selectmenu-text">1</span>
</span>

Answer 1

您可以获取 select 元素的值，selectui 会更新底层 select 元素的值。

var firstVal = $("#one").val();

演示：小提琴