JQueryはselectラベルのonchangeイベントをバインドし、選択した値をポップアップし、ジャンプ、パラメータ(selectedの値とページの他の要素の値)を実現します.

3665 ワード

 

<script src="jquery.min.js" type="text/javascript"></script> 

<script language="javascript" type="text/javascript"> 

$(document).ready(function(){ 

$('#mySelect').change(function(){ 

alert($(this).children('option:selected').val()); 

var p1=$(this).children('option:selected').val();//   selected   

var p2=$('#param2').val();//            

window.location.href="xx.php?param1="+p1+"¶m2="+p2+"";//        

}) 

}) 

</script> 



<select id="mySelect"> 

<option value="1">one</option> 

<option value="2" selected="selected">two</option> 

<option value="3">three</option> 

</select> 

<input type="text" value="ooo" name="param2" id="param2"/>