JQuery中select標籤綁定的onchange事件然後彈出選擇的值並實現跳轉和傳參

JQuery中select標籤綁定的onchange事件然後彈出選擇的值並實現跳轉和傳參 

<script src="jquery.min.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
$(document).ready(function(){  
$(&#39;#mySelect&#39;).change(function(){  
alert($(this).children(&#39;option:selected&#39;).val());  
var p1=$(this).children(&#39;option:selected&#39;).val();//这就是selected的值  
var p2=$(&#39;#param2&#39;).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"/>

1. jquery取得select選擇的文字與值

2. 取得select 選取的text :

$("#ddlregtype").find("option:selected").text();

1. 取得select選取的value:

$("#ddlregtype ").val();

    2.取得select選取的索引: 

$("#ddlregtype ").get(0).selectedindex;

1、取得選取select的value和text,html程式碼如下：

1. <select id="mySelect">
   <option value="1">one</option>
   <option value="2">two</option>
   <option value="3">three</option>
   </select>

則可透過以下script程式碼s來取得選取的value和text

$("#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(){  
//添加所需要执行的操作代码
})

#

以上是JQuery中select標籤綁定的onchange事件然後彈出選擇的值並實現跳轉和傳參的詳細內容。更多資訊請關注PHP中文網其他相關文章！