张晨的个人博客

Jquery控制select标签

张晨的个人博客2014-05-21前端技术 1784 0A+A-
<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus?">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>
  <script type="text/javascript" src="jquery-1.9.1.min.js"></script>
  <script type="text/javascript" >
$(document).ready(function (){
 $('#mainfile').change(function (){
	var val = $(this).val();
	alert(val);
var text=$('#subfile').children('option[value='+val+']').attr("selected",true);		
	alert(text);
 });
});
  </script>
 </head>
 <body>
	<select id="mainfile">
		<option value="022">022 - 人身保险简易投保单</option>
		<option value="031">031 - 人身保险投保单</option>
		<option></option>
	</select>

	<select id="subfile">
		<option value="022">022 - 人身保险简易投保单</option>
		<option value="031">031 - 人身保险投保单</option>
		<option></option>
	</select>
 </body>
</html>
文章关键词
Jquery
select
发表评论