比如
1、设置value为pxx的项选中
$(".selector").val("pxx");
2、设置text为pxx的项选中
$(".selector").find("option[text='pxx']").attr("selected",true);(有问题)
$(".selector").find("option:contains('pxx')").attr("selected",true)
这里有一个中括号的用法,中括号里的等号的前面是属性名称,不用加引号。很多时候,中括号的运用可以使得逻辑变得很简单。
3、获取当前选中项的value
$(".selector").val();
4、获取当前选中项的text
$(".selector").find("option:selected").text();
这里用到了冒号,掌握它的用法并举一反三也会让代码变得简洁。
很多时候用到select的级联,即第二个select的值随着第一个select选中的值变化。这在jquery中是非常简单的。
如:$(".selector1").change(function(){
// 先清空第二个
$(".selector2").empty();
// 实际的应用中,这里的option一般都是用循环生成多个了
var option = $("<option>").val(1).text("pxx");
$(".selector2").append(option);
});
实现select标签回显1
<select name="curStatus" >
<option value="0">-请选择-</option>
<option value="1" <c:if test="${'1' eq curStatus}">selected</c:if> >男</option>
<option value="2" <c:if test="${'2' eq curStatus}">selected</c:if> >女</option>
</select>
2
.<s:select list="#{0:'--请选择--',1:'处理中',2:'已完成'}" listKey="key" listValue="value" name="curStatus" value="%{curStatus}"></s:select>
3
<select name="curStatus" >
<option value="0">-请选择-</option>
<option value="1" <s:if test="%{curStatus==1}">selected</s:if> >处理中</option>
<option value="2" <s:if test="%{curStatus==2}">selected</s:if> >已处理</option>
</select>