JS获取DropDownList的value值与text值的示例代码

来源：互联网发布：win7无法安装软件编辑：程序博客网时间：2024/06/07 23:56

JS获取DropDownList的value值与text值的示例代码<script type="text/javascript" language="javascript">    function SearchChange()    {        var ddl = document.getElementById("DropDownList1")           var index = ddl.selectedIndex;           var Value = ddl.options[index].value;           var Text = ddl.options[index].text;        alert(Value);    }    </script>

js为DropDownList 添加项[javascript] view plain copyfunction addItem()  {       var tOption = document.createElement("Option");       tOption.text='text';       tOption.value='value';       document.getElementById("DDL1").add(tOption);  }  jQuery为DropDownList 添加项[javascript] view plain copy$('#mySelect').empty();//Clear items  //$('#mySelect').html("");//Also clear items  var myOptions = {      val1 : 'text1',      val2 : 'text2'  };  var mySelect = $('#mySelect');  $.each(myOptions, function(val, text) {      mySelect.append($('<option></option>').val(val).html(text));  });  //var=dropdownlist value, text=dropdownlist text

利用js给DropdownList赋值实例

var row = [{ "code": "1", "model": "APOLLO" }, { "code": "2", "model": "APOLLO M/B1"}];for (var i = 0; i < row.length; i++) {　　var addOption = document.createElement("option");　　addOption.text = row[i]["model"];　　addOption.value = row[i]["model"];　　document.getElementById("ddlModel").add(addOption);}

<asp:DropDownList ID="ddlModel" name="ddlModel" runat="server" Font-Size="9pt" Width="105px"　　CssClass="DropDownList"></asp:DropDownList>

阅读全文

0 0