首頁 > web前端 > js教程 > 主體

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

黄舟
發布: 2018-05-12 15:44:13
原創
3866 人瀏覽過

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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板