ホームページ  >  記事  >  ウェブフロントエンド  >  JQuery の select タグにバインドされた onchange イベントは、選択された値をポップアップし、ジャンプとパラメーター転送を実装します。

JQuery の select タグにバインドされた onchange イベントは、選択された値をポップアップし、ジャンプとパラメーター転送を実装します。

黄舟
黄舟オリジナル
2018-05-12 15:44:133814ブラウズ

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 は選択されたテキストと値を取得します

  2. 選択されたテキストを取得します:

$("#ddlregtype").find("option:selected").text();
  1. select で選択された値を取得します:

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

2. select で選択された index を取得します:

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

1. 選択された select の値とテキストを取得します。HTML コードは次のとおりです。

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

選択された値とテキストは、次のスクリプトコード s

$("#mySelect").val(); //获取选中记录的value值
$("#mySelect option:selected").text(); //获取选中记录的text值

2 を使用して取得できます。新しい Option("text","value") メソッドを使用して、オプション options

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

3 を追加します。 全オプションoptionsを削除

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

4. 選択したオプションoptionを削除

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

6. 選択した応答イベントを削除

var obj = document.getElementById("mySelect");  
var index = obj.selectedIndex;  
obj.options[index] = new Option("three",3); //更改对应的值
obj.options[index].selected = true; //保持选中状态

以上がJQuery の select タグにバインドされた onchange イベントは、選択された値をポップアップし、ジャンプとパラメーター転送を実装します。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。