jQuery下操作dropdownlist

2024-07-23 22:20:55 211人阅读

dropdownlist呈现到html中如下：

<option value=http://www.mamicode.com/‘1‘>CH1

<option value=http://www.mamicode.com/‘2‘>CH2

<option value=http://www.mamicode.com/‘3‘>CH3

<option value=http://www.mamicode.com/‘4‘>CH4

<option value=http://www.mamicode.com/‘5‘>CH5

</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="http://www.mamicode.com/6">CH6</option>‘);

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

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

$(‘#ddlOrg option[value="http://www.mamicode.com/1"]‘).remove();

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

jQuery下操作dropdownlist

声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉：投诉/举报工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。

联系
我们