您的位置:首页 > 产品设计 > UI/UE

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

2017-09-25 15:30 615 查看
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 copy
function 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>


内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: