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

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>