JQuery의 선택 태그에 바인딩된 onchange 이벤트는 선택한 값을 팝업하고 점프 및 매개변수 전송을 구현합니다.
<script src="jquery.min.js" type="text/javascript"></script> <script language="javascript" type="text/javascript"> $(document).ready(function(){ $('#mySelect').change(function(){ alert($(this).children('option:selected').val()); var p1=$(this).children('option:selected').val();//这就是selected的值 var p2=$('#param2').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"/>
jquery는 선택한 텍스트와 값을 가져옵니다.
선택한 텍스트를 가져옵니다.
$("#ddlregtype").find("option:selected").text();
select로 선택한 값 가져오기:
$("#ddlregtype ").val();
2. select로 선택한 index 가져오기:
$("#ddlregtype ").get(0).selectedindex;
1 선택한 선택의 값과 텍스트 가져오기, html 코드는 다음과 같습니다.
<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值
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 중국어 웹사이트의 기타 관련 기사를 참조하세요!