Heim > Web-Frontend > js-Tutorial > Hauptteil

Das an das Select-Tag in JQuery gebundene onchange-Ereignis zeigt dann den ausgewählten Wert an und implementiert Sprünge und Parameterübertragungen.

黄舟
Freigeben: 2018-05-12 15:44:13
Original
3862 Leute haben es durchsucht

Das Ereignis onchange, das an das Select-Tag in JQuery gebunden ist, zeigt dann den ausgewählten Wert an und implementiert Sprung und Parameterübergabe

<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"/>
Nach dem Login kopieren
  1. jquery ruft den ausgewählten Text und Wert ab

  2. Ruft den ausgewählten Text ab:

$("#ddlregtype").find("option:selected").text();
Nach dem Login kopieren
  1. Ruft die Auswahl ab Ausgewählter Wert:

$("#ddlregtype ").val();
Nach dem Login kopieren

2. Holen Sie sich den ausgewählten Index :

$("#ddlregtype ").get(0).selectedindex;
Nach dem Login kopieren

1. Holen Sie sich den Wert und den Wert des ausgewählten Text auswählen, HTML-Code lautet wie folgt:

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

Der ausgewählte Wert und Text kann über die folgenden Skriptcodes abgerufen werden

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

2. Verwenden Sie die neue Methode Option(„text“, „value“), um die Optionsoption hinzuzufügen

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

3. LöschenOption „Alle Optionen“

var obj = document.getElementById("mySelect");  
obj.options.length = 0;
Nach dem Login kopieren

4. Die ausgewählte Option löschen

var obj = document.getElementById("mySelect");  
var index = obj.selectedIndex;  
obj.options.remove(index);
Nach dem Login kopieren

5. Die ausgewählte Option ändern

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

6. Auswahl löschen

var obj = document.getElementById("mySelect");  
obj.parentNode.removeChild(obj); //移除当前对象
Nach dem Login kopieren

7. Wählen Sie das ausgewählte Antwortereignis aus

$("#mySelect").change(function(){  
//添加所需要执行的操作代码
})
Nach dem Login kopieren


Das obige ist der detaillierte Inhalt vonDas an das Select-Tag in JQuery gebundene onchange-Ereignis zeigt dann den ausgewählten Wert an und implementiert Sprünge und Parameterübertragungen.. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage