JQuery操作Select

JQuery操作Select

因为很简单,就直接粘贴代码了,别忘记引用 JQuery包

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JQuery操作Select</title>
<script type="text/javascript" language="javascript" src="../jquery-1.6.1.min.js"></script>
<script type="text/javascript" language="javascript">
$(
function(){
//默认选中指定value的值(这里value值为3)
$('#country option[value=3]').attr('selected',true);
//这样子也可以
//$('#country option[value=3]').attr('selected','selected');
$('#btn_getvalue').click(function(){
var icountry_id=$('#country').val();
var scountry_name=$('#country option:selected').text();
alert(
"countryId="+icountry_id+"\n 城市名="+scountry_name);
});
})

</script>
</head>

<body>
<small>
默认选中指定value=3(福建省)的值</small>
<br />
<select id="country">
<option value="0">请选择</option>
<option value="1">北京市</option>
<option value="2">上海市</option>
<option value="3">福建省</option>
<option value="4">浙江省</option>
</select><br />
<input type="button" id="btn_getvalue" value="点我获取country的值" />
</body>
</html>

 创建Select详见我另一篇文章,也很简单。

JQuery动态创建DOM、表单元素



posted @ 2011-09-30 15:13  Xia.CJ  阅读(351)  评论(0编辑  收藏  举报