<select name=’sel’ id=’sel’>
<option
value=’1′>1</option>
<option value=’2′
selected=’selected’>我被选中了</option>
<option
value=’3′>2</option>
</select>
<script>
alert($("select[@name=\'sel\']
option[@selected]").text());
$("#sel").val(’2′);
alert($("select[@name=\'sel\']
option[@selected]").text());
</script>
查询被选中的option中的内容当然也可以用 alert($("#sel option[@selected]").text());
稍微解释一下:
select[@name=\'sel\'] option[@selected] 表示具有name 属性，并且该属性值为’sel’
的select元素 里面的具有selected 属性的option 元素；可以看出有@开头的就表示后面跟的是属性。
//select选项添加
$(\'\'#optionAdd\'\').click(function(){
var s = $(\'\'#txtSelect\'\').val();
if(s != \'\'\'\'){
s = \'\'<option>\'\' + s + \'\'</option>\'\';
$(\'\'#ll\'\').append(s);
}else{
alert(\'\'不能为空\'\');
}
});
//select选项删除
$(\'\'#optionDel\'\').click(function(){
$(\'\'#ll option[selected]\'\').remove();
});
//select选项修改
$(\'\'#optionEdit\'\').click(function(){
$(\'\'#ll option[selected]\'\').text(\'\'ycj\'\');
});
//获取select更改后的值
$(\'\'#ll\'\').change(function(){
$(\'\'#txtSelect\'\').val($(this).val());
});
//select 元素中的比较
$(\'\'#optionCompare\'\').click(function(){
//方法1
$(\'\'#result\'\').text(\'\'no\'\');
for(i=0; i<$(\'\'#ll option\'\').length; i++){
if($(\'\'#ll option\'\').eq(i).text() == $(\'\'#txtSelect\'\').val()){
$(\'\'#result\'\').text(\'\'yes\'\');
}
}
//方法2
$(\'\'#result\'\').text(\'\'no\'\');
$(\'\'#ll option\'\').each(function(){
if($(this).text() == $(\'\'#txtSelect\'\').val()){
$(\'\'#result\'\').text(\'\'yes\'\');
}
});
});
个人感觉添加操作不理想，但暂时也找不到什么好的办法