jquery - 获取选择选项的当前值

Question

    <script type="text/javascript">
            $(document).ready(function(){
                    $('#number').change(function(){
                     $("#number option:selected").text();
                   //alert('Value change to ' + $(this).attr('value'));
                   $('#numberdiv').html('You selected: ' + $(this).attr('value'));
            });
        });
    </script>

<select id="number" data-corners="false" data-icon="false">
                    <option value="9 ">9 </option>
                    <option value="18 ">18 </option>
                    <option value="27 ">27 </option>
                    <option value="36 ">36 </option>
                    <option value="54 ">54 </option>
                </select>
                <div id="numberdiv"></div>

这工作正常，但我不能做的是显示当前值，即 9 它可以在您更改为其他值后显示 9 的值，并且它们会变回 9 我想要的是当我加载“您selected: 9"即使我没有在选择中进行更改也会显示

Answer 1

使用 .trigge('change') 注册处理程序后，您需要手动触发更改事件或快捷方式 .change()

$(document).ready(function () {
    $('#number').change(function () {
        $('#numberdiv').html('You selected: ' + this.value);
    }).change();
});

演示:Fiddle