선택에서 지정된 옵션을 선택했을 때 발생하는 트리거 이벤트에 대한 자세한 설명

드롭다운 목록 상자 선택을 사용할 때 선택한 옵션에 대한 이벤트를 트리거해야 합니다. 실제로 에는 onchange에서만 이벤트가 트리거됩니다. 방법을 선택하세요.
옵션 트리거 이벤트를 추가하려면 여기 저기를 클릭해도 이벤트가 트리거되지 않습니다.
옵션을 선택하지 않으면 다시 추가됩니다.
Baidu에서는 옵션이 없다고 했습니다. 이벤트를 실행하려면 선택 항목에 onchange 이벤트를 추가해야 합니다...
선택 항목의 더블 클릭 이벤트를 실행하려면 ondblclick 메서드를 사용하세요.
select의 선택 이벤트를 가져오려면 document.all['name'].value를 사용하여 가져옵니다. 여기서 name은 select의 이름입니다.

select의 모든 값을 얻으려면 for 루프를 사용하여 이를 달성할 수 있습니다. 코드는 다음과 같습니다:

var vi = document.all['list'].length;
for(var i=0;i<vi;i++){
document.form2.list(i).value; //form2是<form>的名称
}

js方法：
‍‍<select id="pid" onchange="gradeChange()">
    <option grade="1" value="a">选项一</a>
    <option grade="2" value="b">选项二</a>
</select>
<script type="text/JavaScript">
       function gradeChange(){
        var objS = document.getElementById("pid");
        var grade = objS.options[objS.selectedIndex].grade;
        alert(grade);
       }
</script>
jq方法：
<select name="myselect" id="myselect">
    <option value="opt1">选项1</option>
    <option value="opt2">选项2</option>
    <option value="opt3">选项3</option>
</select>
 
$("#myselect").change(function(){
    var opt=$("#myselect").val();
    ...
});

Javascript는 선택 드롭다운 상자에서 선택한 값을 가져옵니다.
이제 id=test인 드롭다운 상자가 있습니다. 선택한 값을 가져오는 방법은 무엇입니까?
네이티브 자바스크립트 메소드와 jquery 메소드를 각각 사용하세요

<select id="test"  name="">   
  <option   value="1">text1</option>   
  <option   value="2">text2</option>   
 </select>

One: 네이티브 자바스크립트 메소드
1: 선택 개체 가져오기: var myselect=document.getElementById("test");
2: 선택한 개체의 인덱스 가져오기 item: var index=myselect.selectedIndex; // selectedIndex는 선택한 항목의 인덱스를 나타냅니다.
3: 선택한 항목의 값 가져오기 options: myselect.options[index].value;
4: 선택한 항목의 텍스트 가져오기 options: myselect.options[index].text;
2: jquery 메서드(jquery 라이브러리가 로드된 경우)
1:var options=$("#test option:selected") //선택한 항목 가져오기
2:console .log(options.val()); //선택한 항목의 값 가져오기
3:console.log(options.text()) //선택한 항목의 텍스트 가져오기

관련 추천 :

select 옵션 오버레이 처리 방법

선택 코드 공유에서 모든 옵션을 삭제하는 javascript

Html에서 선택 옵션의 기본 선택을 설정하는 방법

위 내용은 선택에서 지정된 옵션을 선택했을 때 발생하는 트리거 이벤트에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!