如何设置HTML选择的默认值?

这个问题在这里已经有了答案:

  • 我如何设置HTML <select>元素的默认值? 18个答案

  • $(function() {
        var temp="a"; 
        $("#MySelect").val(temp);
    });
    
    <select name="MySelect" id="MySelect">
        <option value="a">a</option>
        <option value="b">b</option>
        <option value="c">c</option>
    </select>
    

    您首先需要将值添加到select选项中,并且为了轻松定位select本身是一个id

    让我们将选项b默认值:

    <select id="mySelect">
        <option>a</option>
        <option selected="selected">b</option>
        <option>c</option>
    </select>
    

    现在您可以使用JavaScript更改默认选定值:

    <script>
    var temp = "a";
    var mySelect = document.getElementById('mySelect');
    
    for(var i, j = 0; i = mySelect.options[j]; j++) {
        if(i.value == temp) {
            mySelect.selectedIndex = j;
            break;
        }
    }
    </script>
    

    codepen上看到它的行动。


    您应该定义选项的属性,例如seleted =“selected”

    <select>
       <option selected="selected">a</option>
       <option>b</option>
       <option>c</option>
    </select>
    
    链接地址: http://www.djcxy.com/p/88071.html

    上一篇: How to set default value for HTML select?

    下一篇: Adding custom attributes to HTML tags