开发者社区> 问答> 正文

jquery 操作select IE7下奇怪问题

在IE下,点击click me 按钮两次会出现下拉框不可选,不知为何,重新创建的select控件,第二次添加值会出问题。火狐下没有此问题

<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.1.min.js"></script>
<SCRIPT type="text/javascript">
<!--
var add_i = 0;
$(function (){
    $("#btn").click(function (){
        if(add_i%2 == 0){
            if(window.console != undefined)console.log('create select');
            $("#box").empty().append('<p>'+add_i+'</p><select name="A" id="A"></select>');
        }
        var data = {"4249":"Manicaland","4250":"Mashonaland Central","4251":"Mashonaland East","4256":"Mashonaland West","4255":"Masvingo","4253":"Matabeleland North","4254":"Matabeleland South","4252":"Midlands"};
        var str = "<option value=''> Select State/Province </option>";
        for(i in data){
            str+= "<option value='" + i + "'>" + data[i] + "</option>";
        }
        $("#A").empty().append(str);
        add_i++;
    });
});
//-->
</SCRIPT>
<div id="box">
    <select name="A" id="A">
    </select>
</div>
<input type="button" value="click me" onclick="" id="btn">

展开
收起
a123456678 2016-07-05 10:42:52 1852 0
1 条回答
写回答
取消 提交回答
  • var select = document.createElement("select");
    select.id = "A";
    select.name = "A";
    $("#box").empty().append('<p>'+add_i+'</p>').append(select);
    
    2019-07-17 19:51:15
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关课程

更多

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载