jQuery下操作dropdownlist

dropdownlist呈现到html中如下：

<select id="ddlOrg" name="ddlOrg">

    <option value='1'>CH1</option>

    <option value='2'>CH2</option>

    <option value='3'>CH3</option>

    <option value='4'>CH4</option>

    <option value='5'>CH5</option>

</select>

 

 

对于服务器端控件dropdownlist如果获取值

$('#ddlOrg').find("option:selected").val()

 

change事件

$('#ddlOrg').change(function(){

    var val=$(this).find("option:selected").val();

    var text=$(this).find("option:selected").text();

});

 

获取被选择的索引

$('#ddlOrg').get(0).selectedIndex;

相同效果的写法：

$('#ddlOrg')[0].selectedIndex;

--因为将DOM对象封装成jquery对象，总是会得到一个jquery对象的数组

    如果需要将jquery对象转换为DOM对象，需要用get(index)或者[index]

 

设置选择项

$('#ddlOrg').get(0).selectedIndex=1;

$('#ddlOrg').val('CH1');

$("#ddlOrg option[text='CH1']").attr('selected',true);

 

下拉项的添加和删除

$('#ddlOrg').append('<option value="6">CH6</option>');

$('#ddlOrg option:last').remove();

$('#ddlOrg option[index=1]').remove();

$('#ddlOrg option[value="1"]').remove();

$('#ddlOrg option[text="CH1"]').remove();