JQueryはselectタグのonchangeイベントをバインドし、選択した値をポップアップし、ジャンプ、パラメータ伝達を実現する

$(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+"";//       
})
})



one
two
three

jquery select選択のテキストと値の取得
selectで選択したtext:$("#ddlregtype").find("option:selected").text();
selectで選択したvalue:$(「#ddlregtype」)を取得します.val();
selectで選択したインデックス:$("#ddlregtype").get(0).selectedindex;
1、選択したselectのvalueとtextを取得し、htmlコードは以下の通りである.

one
two
three
 

選択したvalueとtextは、以下のscriptコードsで取得できます.

$("#mySelect").val(); //       value 
$("#mySelect option:selected").text(); //       text  

2、new Option(「テキスト」、「値」)方式でオプションoptionを追加する

var obj = document.getElementById("mySelect");
obj.add(new Option("4","4")); 

3、すべてのオプションoptionを削除

var obj = document.getElementById("mySelect");
obj.options.length = 0; 

4、選択したオプションoptionを削除する

var obj = document.getElementById("mySelect");
var index = obj.selectedIndex;
obj.options.remove(index); 

5、選択オプションoptionの変更

var obj = document.getElementById("mySelect");
var index = obj.selectedIndex;
obj.options[index] = new Option("three",3); //      
obj.options[index].selected = true; //      

6、selectの削除

var obj = document.getElementById("mySelect");
obj.parentNode.removeChild(obj); //       

7、select選択の応答イベント

$("#mySelect").change(function(){
//            
})