微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

在Javascript中设置Select选项的值

是否有任何功能来设置< select>的值标签选项?我有一个ajax响应数组,我想把这个数组放在< select>标签.

这是我的代码

$.ajax({
    type: "GET",
    url: "http://.......api/1/AbsenceType",
    dataType: "json", 
    success: function (data) {
        // It doesn't work
        var ind = document.getElementById('mySelect').selectedindex;
        document.getElementById('mySelect').options.value="2";//
    }
})

我的选择标签是:

<select id=mySelect name="mySelect" required="required" data-mini ="true" onchange="myFunction3();"/>
    <option id ="type" value=""></option>
</select>

解决方法:

I have an ajax response array and I want to put this array in a tag.

为什么不直接将数组中的选项添加到select中,然后设置所选的值,如下所示:

从空选择开始:

<select id="mySelect" name="mySelect">

</select>

然后使用此函数作为回调:

var callback = function (data) {

    // Get select
    var select = document.getElementById('mySelect');

    // Add options
    for (var i in data) {
        $(select).append('<option value=' + data[i] + '>' + data[i] + '</option>');
    }

    // Set selected value
    $(select).val(data[1]);
}

演示:

http://jsfiddle.net/M52R9/

见:

> Adding options to a select using Jquery/javascript
> Set selected option of select box.

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐