> 웹 프론트엔드 > JS 튜토리얼 > Node.js는 select 태그에 의해 선택된 값을 가져옵니다.

Node.js는 select 태그에 의해 선택된 값을 가져옵니다.

不言
풀어 주다: 2018-03-31 14:15:22
원래의
1824명이 탐색했습니다.

이 글에서는 js에서 select 태그로 선택된 값을 얻는 방법을 공유하겠습니다. 필요한 친구는 살펴보세요

var obj = document.getElementById("testSelect") //Positioning id

var index = obj .selectedIndex; // 선택한 인덱스

var text = obj.options[index].text; // 선택한 텍스트

var value = obj.options[index].value; // 선택한 값

jQuery에서 선택 값 선택

첫 번째 방법
$('#testSelect option:selected').text();//Selected text

$('#testSelect option:selected') .val();// 선택됨

$("#testSelect ").get(0).selectedIndex;//index

두 번째 방법
$("#tesetSelect").find("option:selected").text의 값 ( );//선택한 텍스트
…….val();
…….get(0).selectedIndex;

------------------- -------

如果select标签是有id属性的,如
<select id=xx>...
则用下述方法获取当前选项的值:
var v = xx.value;
或
var v = document.getElementById("xx").value;   //此方法兼容性好

如果select标签是有name属性的,如
<form name=form1>
<select name=xx>...
则用下述方法获取当前选项的值:
var v = form1.xx.value;
或
var v = document.getElementsByName("xx")[0].value;
如果同一页面含有多个name属性相同的标签,则上述[0]中的数字要改为相应的物理顺序号(从0起算)

如果select标签不含有任何可供定位的属性,如
<select>...
则用下述方法获取当前选项的值:
var v = document.getElementsByTagName("select")[0].value;
如果同一页面含有多个select标签,则上述[0]中的数字要改为相应的物理顺序号(从0起算)
----------------------------------------



对于以下select标签,获取当前选择的值得方式如下:

<select id="test" name="">
<option value="1">text1</option>
<option value="2">text2</option>
</select>
code:
一: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 옵션 : selected"); //선택된 항목을 가져옵니다

2:alert(options.val()); //선택한 항목의 값을 가져옵니다

3:alert(options.text()) //선택한 항목의 텍스트를 가져옵니다

위 내용은 Node.js는 select 태그에 의해 선택된 값을 가져옵니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿