>  기사  >  웹 프론트엔드  >  JQuery의 선택 태그에 바인딩된 onchange 이벤트는 선택한 값을 팝업하고 점프 및 매개변수 전송을 구현합니다.

JQuery의 선택 태그에 바인딩된 onchange 이벤트는 선택한 값을 팝업하고 점프 및 매개변수 전송을 구현합니다.

黄舟
黄舟원래의
2018-05-12 15:44:133859검색

JQuery의 선택 태그에 바인딩된 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 선택한 선택의 값과 텍스트 가져오기, 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를 통해 얻을 수 있습니다. 옵션 options

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

3을 추가하려면 새 Option("text","value") 메서드를 사용하세요. Delete모든 옵션 옵션

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

4. 선택한 옵션 옵션 삭제

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

5. 선택한 옵션 옵션 수정

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

6. 선택한 응답 이벤트 선택

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

위 내용은 JQuery의 선택 태그에 바인딩된 onchange 이벤트는 선택한 값을 팝업하고 점프 및 매개변수 전송을 구현합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.