JQuery操作Select

最新推荐文章于 2025-09-05 11:22:47 发布

转载最新推荐文章于 2025-09-05 11:22:47 发布 · 41 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/xcj1989/archive/2011/09/30/JQuery-Select.html

文章标签：

#xhtml #javascript #ViewUI

本文介绍如何使用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>