1、界面加载时表示DOM元素还没有完成加载所以Jquery也是无法工作的,只有当界面加载完成时,界面效果还没有完全呈现给用户Jquery才能操作DOM元素。这时用Jquery的写法是:
<select id="address">
<option>北京</option>
<option>天津</option>
<option>上海</option>
</select>$(function(){
var addr = '<%=request.getParameter("addr")%>';//<%=request.getParameter("addr")%>表示后台request的数据,主要有单引号括起来和没有单引号括起来,没有单引号括起来的会报错;
$('#address').val(addr);
})
上述是在没有开发级联选择并且参数是既定的。
2、通过获取select的option值去后台查询数据也是很常见的用法。
<select id="food">
<option>水果</option>
<option>蔬菜</option>
<option>肉类</option>
</select>
Jquery获取select的option值,然后去后台查询数据并返回Json数据的代码:
$(function(){
$('#food').change(
function(){
var food = $(this).val();//获取事件发起元素的值,即$('#food')元素本身的值
var url = "food.action"//提交后台处理的URL
var dataValue = 'category='+food;//将数据拼接成aaa=111&bbb=222&ccc=333的形式。
$.ajax({type:'POST',data:,dataType:'json',success:function(res){
alert(res);
},error:function(res){
alert('出错了');
}});
}
);
})