Maison  >  Article  >  interface Web  >  L'événement onchange lié à la balise select dans JQuery affiche ensuite la valeur sélectionnée et implémente les sauts et les transferts de paramètres.

L'événement onchange lié à la balise select dans JQuery affiche ensuite la valeur sélectionnée et implémente les sauts et les transferts de paramètres.

黄舟
黄舟original
2018-05-12 15:44:133814parcourir

L'événement onchange lié ​​à la balise select dans JQuery affiche ensuite la valeur sélectionnée et implémente le saut et le passage de paramètres

<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 obtient le texte et la valeur sélectionnés

  2. Obtient le texte sélectionné :

$("#ddlregtype").find("option:selected").text();
  1. Obtient la sélection Valeur sélectionnée :

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

2. Obtenez l' index sélectionné :

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

1. Obtenez la valeur et la valeur de la valeur sélectionnée sélectionnez le texte, le code html est le suivant :

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

La valeur et le texte sélectionnés peuvent être obtenus via le code de script suivant s

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

2. Utilisez la nouvelle méthode Option("text","value") pour ajouter l'option d'option

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

3 Supprimertoutes les options d'option

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

4. Supprimer l'option sélectionnée

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

5. Modifier l'option sélectionnée

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

6. Supprimer select

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

7. Sélectionnez l'événement de réponse sélectionné

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


Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn