javascript - 获取 HTML 选择元素的预选值

Question

或者通过示例，无论用户是否更改它，如何通过 JavaScript 或 jQuery 检索“c”？

<select id="select-menu">
    <option value="a">A</option>
    <option value="b">B</option>
    <option value="c" selected>C</option>
    <option value="d">D</option>
</select>

我尝试了以下操作，但是，它返回当前所选菜单的值。我想我可以采用类似的方法，在页面加载时运行并保存值，但希望有更“正确”的方法来做到这一点。

$('#select-menu > option').each(function(i){
    if(this.selected) {
        console.log(this.value)
         $("#submit").val(this.value);
         return false;
    }
})

Answer 1

使用 jQuery .attr() 获取初始值:

function get_initial(){

    $('#select-menu > option').each(function(i){
    
        if($(this).attr('selected')) {
            console.log('initial: ' + this.value)
        }

        if(this.selected) {
            console.log('current: ' + this.value)
        }
    
    })

}

$('.initial').on('click', get_initial);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="select-menu">
    <option value="a">A</option>
    <option value="b">B</option>
    <option value="c" selected>C</option>
    <option value="d">D</option>
</select>

<button class="initial">check initial</button>