ListBox 用脚本怎么清空，赋值

[accomp]

rt
调用ajax后，传回一个结果集，怎么把原来listbox的内容清空，然后把结果集赋上去 ？
（结果集包含2个字段，id，name，listbox显示的是name）。

[shan1119]

<script>
function show(){
    var obj=document.getElementById("sel1");
    for(var i=obj.options.length-1;i>=0;i--)
        obj.options[i]=null;
}
</script>
<input type="button" value="show" onclick="show()">
<SELECT id="sel1" SIZE="5">
    <OPTION VALUE="id1" SELECTED>name1</OPTION>
    <OPTION VALUE="id2">name2</OPTION>
</SELECT>

[九天行云]

我这是引用了Jquery的

 
                   var url = "/MainData/GetCity";
                    var str = "<option value='0000'>请选择所在市</option>";
                    $.getJSON(url, function(data) {
                        $.each(data, function(i, item) {
                            str += '<option value=' + item["id"] + '>' + item["name"] + '</option>';
                        });
                        $("#city").html(str);
                    });

不用Jquery的不是很清楚,对象操作也就是document.getElementById("selectIDname").innerHTML = "";
将你的数据组成上面的str的格式,再document.getElementById("selectIDname").innerHTML = str;就可以了

[shan1119]

<script>
function show(){
    var obj=document.getElementById("sel1");
    for(var i=obj.options.length-1;i>=0;i--)
        obj.options[i]=null;
    for(var i=0;i<5;i++)
        obj.options[i]=new Option("name"+i,"value"+i);
}
</script>
<input type="button" value="show" onclick="show()">
<SELECT id="sel1" SIZE="5">
    <OPTION VALUE="id1" SELECTED>name1</OPTION>
    <OPTION VALUE="id2">name2</OPTION>
</SELECT>