1. 程式人生 > >如何用JS為checkboxlist新增選項

如何用JS為checkboxlist新增選項

利用AJAX在後臺獲取資料庫裡的值放到DATASET裡傳到前臺,
for(var i=0;i<ds.Tables[0].Rows.length;i++)
{
    var id = ds.Tables[0].Rows[i].ProdCateNo;
    var name = ds.Tables[0].Rows[i].ProdCateName;

    //繫結checkboxlist
}
怎麼把id,name新增到checkboxlist?

----------------------------------------------------------------------

up

--------------------------------------------------------



for(var i=0;i<ds.Tables[0].Rows.length;i++)
{
    var id = ds.Tables[0].Rows[i].ProdCateNo;
    var name = ds.Tables[0].Rows[i].ProdCateName;

    //繫結checkboxlist
   var obj =document.getElementById("CheckBoxList1");
   var tr = obj.insertRow();
   var td = tr.insertCell();
   td.innerHTML="<input id=/""+id+"/" type=/"checkbox/"   /><label for=/"CheckBoxList1_1/">"+name+"</label>";
}


--------------------------------------------------------

謝謝樓上的

--------------------------------------------------------

還有個問題,怎麼在寫入checkboxlist內容的時候把以前checkboxlist中的內容清空?

--------------------------------------------------------

用removeNode就可以了
var obj =document.getElementById("CheckBoxList1");
for (var i=0 i<obj.rows.length;i++){
    obj.rows(i).removeNode(true);
}

--------------------------------------------------------

再問一下
 //繫結checkboxlist
   var obj =document.getElementById("CheckBoxList1");
   var tr = obj.insertRow();
   var td = tr.insertCell();
   td.innerHTML="<input id=/""+id+"/" type=/"checkbox/"   /><label for=/"CheckBoxList1_1/">"+name+"</label>";
}
繫結好CheckBoxList1,讀取所選的id可以作到,但怎麼把所選的內容也讀出來
if(Form1.elements[i].type=="checkbox" && Form1.elements[i].checked == true)
{
     //讀取選項的ID
     var smallCateId = Form1.elements[i].id;
     //讀取選項的內容