>  기사  >  웹 프론트엔드  >  js에서 select 태그의 값을 얻는 방법에 대한 자세한 설명

js에서 select 태그의 값을 얻는 방법에 대한 자세한 설명

小云云
小云云원래의
2017-12-13 14:57:127914검색

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;

동일한 페이지에 여러 개의 선택 태그가 포함된 경우 위 [0]의 숫자를 해당 물리적 ​​시퀀스 번호(0부터 시작)로 변경해야 합니다.

다음 선택 태그의 경우 현재 선택 항목의 값을 가져오는 방법은 다음과 같습니다.


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;

동일한 페이지에 여러 개의 선택 태그가 포함된 경우 위의 [0]에 있는 숫자를 변경해야 합니다. 해당 물리적 ​​시퀀스 번호(0부터 계산)

다음 선택 태그의 경우 현재 선택 값을 가져오는 방법은 다음과 같습니다.


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());   //拿到选中项的文本


관련 권장 사항:

Set Get Select 일반적으로 사용됨 방법의

jQuery 또는 Js로 select에서 선택한 값이나 텍스트를 가져옵니다

JavaScript에서 선택 값을 가져오는 방법 분석

위 내용은 js에서 select 태그의 값을 얻는 방법에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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