下拉列表框select常用点
页面初始化时,自动勾选那个数据库中读出来的数据所对应的下拉选择框
//JS value来确定某个option项选中 var b = "<?php echo null != $this->RETURNSTATUS ? $this->RETURNSTATUS:""?>"; if(null != b) { for(var i=0;i<a.options.length;i++){ if(b==a.options[i].value){ a.options[i].selected = 'selected'; } }
或者下面这种 text来确定某个option项选中
for(var i=0;i<a.options.length;i++){
if(b==a.options[i].text){
a.options[i].selected = 'selected';
}
} };
$("#select_source option").each(function (){
if($(this).text()==select_source_value){
$(this).attr('selected',true);
}
});
//代码触发下拉框的onchange事件 $('#select_source').trigger('change');
//界面 <td align="left"> <select name="RETURNSTATUS" id="RETURNSTATUS"> <option value ="RETURNNOTES_1" selected="selected">是</option> <option value ="RETURNNOTES_0">否</option> <option value ="RETURNNOTES_2">全部</option> </select> </td>
三级级联
$(document).ready(function(){ $('#Branchid').change(//省机构联动市机构 function(){ $.ajax({ url:'/agent/agentbroker/findcitycodes', type:'POST', data:{Branchid:$.trim($('#Branchid').val())}, dataType:'json', timeout:5000, error: function(){ alert('服务器错误, 请与管理员联系!', '提示信息'); }, success: function(result){ $("#Citycode").empty(); $("#Ubranchid").empty(); jQuery("#Citycode").append("<option value=''>--请选择:--</option>"); jQuery("#Ubranchid").append("<option value=''>--请选择:--</option>"); if (result!=null){ for(var i in result){ opt = window.Option(result[i].categoryid,result[i].zhname); jQuery("#Citycode").append("<option value="+result[i].categoryid+">"+result[i].zhname+"</option>"); } } } }); } ); $('#Citycode').change(//市机构联动区机构 function(){ $.ajax({ url:'/agent/agentbroker/findsaledepartmentcodes', type:'POST', data:{Citycode:$('#Citycode').val()}, dataType:'json', timeout:5000, error: function(){ alert('服务器错误, 请与管理员联系!', '提示信息'); }, success: function(result){ $("#Ubranchid").empty(); jQuery("#Ubranchid").append("<option value=\"\">--请选择:--</option>"); if (result!=null){ for(var i in result){ opt = window.Option(result[i].categoryid,result[i].zhname); jQuery("#Ubranchid").append("<option value="+result[i].categoryid+">"+result[i].zhname+"</option>"); } } } }); } ); });
允许在下拉列表中进行多选:
<select multiple="multiple"
size="2">
<option value ="volvo">Volvo</option>
<option value ="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</select>
一步一个脚印,方便自己复习,欢迎大家指正,非常感谢,共同进步!
posted on 2012-06-26 11:47 lovebeauty 阅读(400) 评论(0) 编辑 收藏 举报