select下拉菜单改变时
同时把本身的值放到其它元素中
例子：下拉菜单改变时，改变<a标签的href的值
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js">
</script>
<script language="javascript" type="text/javascript">
$(document).ready(function(){
$('.prov').change(function(){
//alert($(this).children('option:selected').val());
var p1=$(this).children('option:selected').val();//这就是selected的值
var p2=$(this).children('option:selected').text();//获取本页面其他标签的值
//window.location.href="xx.php?param1="+p1+"¶m2="+p2+"";//页面跳转并传参
//$("#runoob").attr("data-table-addlist","03.php?a=do_add_title_subject"+p1+p2);
$("#runoob").attr({
"href" : "http://www.runoob.com/jquery",
"title" : "jQuery 教程"
});
alert(p1+p2);
})
})
</script>
</head>
<body>
<select id="mySelect" name="select4" class="prov">
<option value="1">one</option>
<option value="2" selected="selected">two</option>
<option value="3">three</option>
</select>
<a href='javascript:;' id="runoob" class='ui-addlist' data-table-addlist='03.php?a=do_add_title_subject&number=999'><i class='fa fa-plus-circle'></i>添加科目</a>
<input type="text" value="ooo" name="param2" id="param2"/>
</body>
</html>
