在Javascript中设置Select选项的值

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了在Javascript中设置Select选项的值，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1126字，纯文字阅读大概需要2分钟。

内容图文

是否有任何功能来设置< 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.

内容总结

以上是互联网集市为您收集整理的在Javascript中设置Select选项的值全部内容，希望文章能够帮你解决在Javascript中设置Select选项的值所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

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

内容手机端