添加新行''自动选择选项

时间:2011-03-13 21:06:31

标签: javascript asp.net html jquery

XML

<?xml version="1.0" encoding="utf-8"?>
<Questions>
  <Question>
    <Id>1</Id>
    <Text>aaa</Text>
  </Question>
</Questions>

function PopupUserRegist() {
 $.ajax({   
    type: "GET",
url: "Administrator/Questions.xml",
    success: parseXml
 });



function parseXml(xml)
{        
  $(xml).find("Question").each(function()
  { 
    var value=$(this).find('Text').text()
      $('#<%=sctQuestion.ClientID %>').
      append($("<option></option>").
      attr("value",value).
      text(value)); 
    });
 }

 $("#div_userregist").dialog("open");

}

HTML MainMaterPage.aspx

<select runat="server" id="sctQuestion">
<option></option>

此代码自动将新行内容添加到<select>

的选项中

选择:第1行== ' '

选择:第2行== 'aaaa'

如何删除' '  在第一行选择

$("#<%=sctQuestion.ClientID %>").removeOption(0);

错误说:.removeOption(0);不是一个功能

2 个答案:

答案 0 :(得分:1)

您必须在开始追加之前清除列表:

 $('#<%=sctQuestion.ClientID %>').empty()

答案 1 :(得分:1)

<select runat="server" id="sctQuestion">

为此          <option></option>添加''以选择