js를 사용하여 선택 태그 값을 얻는 방법은 무엇입니까? 이 기사에서는 js에서 select 태그의 값을 얻는 방법을 공유하겠습니다. 도움이 되기를 바랍니다.
var obj = document.getElementByIdx_x(”testSelect”); //定位id var index = obj.selectedIndex; // 选中索引 var text = obj.options[index].text; // 选中文本 var value = obj.options[index].value; // 选中值
jQuery에서 선택한 선택 값 가져오기
첫 번째 방법
$(‘#testSelect option:selected’).text();//选中的文本 $(‘#testSelect option:selected’) .val();//选中的值 $(“#testSelect “).get(0).selectedIndex;//索引
두 번째 방법
$(“#tesetSelect”).find(“option:selected”).text();//选中的文本 …….val(); …….get(0).selectedIndex;
선택 태그에
...와 같은 ID 속성이 있는 경우
다음 방법을 사용하여 현재 옵션의 값을 가져옵니다.
var v = xx.value;
or
var v = document.getElementById("xx" ).value; //이 방법은 호환성이 좋습니다
select 태그에
...와 같은 이름 속성이 있는 경우...
현재 옵션의 값을 가져오려면 다음 방법을 사용하세요.
var v = form1 .xx.value;
또는
var v = document.getElementsByName(“xx”)[0].value;
동일한 페이지에 동일한 이름 속성을 가진 태그가 여러 개 포함된 경우 위의 [0]에 있는 숫자를 다음으로 변경해야 합니다. 해당 물리적 시퀀스 번호(0부터 계산)
선택 태그에
...와 같이 배치할 수 있는 속성이 포함되어 있지 않은 경우
현재 옵션의 값을 가져오려면 다음 방법을 사용하세요.
var v = document.getElementsByTagName("select")[0].value;
다음 선택 태그의 경우 현재 선택 항목의 값을 가져오는 방법은 다음과 같습니다.
text1
text2
code:
One: javascript Native method
1:拿到select对象: var myselect=document.getElementById(“test”); 2:拿到选中项的索引:var index=myselect.selectedIndex ; // selectedIndex代表的是你所选中项的index 3:拿到选中项options的value: myselect.options[index].value; 4:拿到选中项options的text: myselect.options[index].text;
Two: jquery 메서드(jquery 라이브러리가 로드된 경우)
1:var options=$(“#test option:selected”); //获取选中的项 2:alert(options.val()); //拿到选中项的值 3:alert(options.text()); //拿到选中项的文本 var obj = document.getElementByIdx_x(”testSelect”); //定位id var index = obj.selectedIndex; // 选中索引 var text = obj.options[index].text; // 选中文本 var value = obj.options[index].value; // 选中值
jQuery
에서 선택한 값을 가져옵니다. 첫 번째 방법
$(‘#testSelect option:selected’).text();//选中的文本 $(‘#testSelect option:selected’) .val();//选中的值 $(“#testSelect “).get(0).selectedIndex;//索引
두 번째 방법
$(“#tesetSelect”).find(“option:selected”).text();//选中的文本 …….val(); …….get(0).selectedIndex;
select 태그에
…과 같은 id 속성이 있는 경우
현재 옵션의 값을 가져오려면 다음 방법을 사용하세요.
var v =
또는
var v = document.getElementById(“xx”).value; //이 메서드는 호환성이 좋습니다
select 태그에
...
과 같은 이름 속성이 있는 경우 다음 메서드를 사용하여 가져옵니다. 현재 옵션의 값:
var v = form1.xx.value;
또는
var v = document.getElementsByName("xx")[ 0].value; 동일한 페이지에 동일한 이름 속성을 가진 태그가 여러 개 포함되어 있는 경우 , 위의 [0]에 있는 숫자는 해당 물리적 시퀀스 번호(0부터 시작)로 변경되어야 합니다.
선택 태그에 ...와 같은 위치 지정 속성이 포함되어 있지 않은 경우...
다음 방법을 사용하여 현재 옵션의 값을 가져옵니다.
var v = document.getElementsByTagName("select")[0].value;
다음 선택 태그의 경우 현재 선택 값을 가져오는 방법은 다음과 같습니다.
text1 text2
code :
One: javascript 기본 메서드
1:拿到select对象: var myselect=document.getElementById(“test”); 2:拿到选中项的索引:var index=myselect.selectedIndex ; // selectedIndex代表的是你所选中项的index 3:拿到选中项options的value: myselect.options[index].value; 4:拿到选中项options的text: myselect.options[index].text;
두 개: jquery 메서드(jquery 라이브러리가 로드된 경우)
1:var options=$(“#test option:selected”); //获取选中的项 2:alert(options.val()); //拿到选中项的值 3:alert(options.text()); //拿到选中项的文本
관련 권장 사항:
jQuery 또는 Js로 select에서 선택한 값이나 텍스트를 가져옵니다
위 내용은 js에서 select 태그의 값을 얻는 방법에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!