jquery 드롭다운 선택 제어 연산 방법 공유(jquery 연산 선택)_jquery

JQuery의 Select 옵션을 가져오고 설정하는 방법은 다음과 같이 요약됩니다.

코드:

코드 복사 코드는 다음과 같습니다.

$("#select_id").change (function( ){//code...}); //항목 중 하나가 선택될 때 트리거되는 Select에 대한 이벤트를 추가합니다
var checkText=$("#select_id").find("option :selected").text( ); //텍스트 가져오기
var checkValue=$("#select_id").val(); //값 가져오기
var checkIndex=$("#select_id ") .get( 0).selectedIndex; //Select로 선택한 인덱스 값 가져오기
var maxIndex=$("#select_id option:last").attr("index") //Select의 최대 인덱스 값 가져오기
$( "#select_id ").get(0).selectedIndex=1; //Select index 값을 1로 설정하여 선택
$("#select_id ").val(4); Select의 값 값을 4개 항목이 선택되도록 설정합니다
$("#select_id option[text='jQuery']").attr("selected", true) //Select의 Text 값을 jQuery의 선택 항목으로 설정합니다. 아이템

선택하여 선택한 텍스트 가져오기:

코드 복사 코드는 다음과 같습니다.

$("#ddlRegType").find ("옵션 :선택됨").text();

select로 선택한 값 가져오기:

코드 복사 코드는 다음과 같습니다.

$(" #nowamagic").val();

select로 선택한 인덱스 가져오기:

코드 복사 코드는 다음과 같습니다.

$(" #nowamagic").get(0).selectedIndex;

설정 선택

jQuery는 Select의 옵션 항목을 추가/제거합니다:

코드 복사 코드는 다음과 같습니다.

$("#select_id").append ("< ;option value='Value'>Text"); //선택에 옵션(드롭다운 항목) 추가
$("#select_id").prepend("선택하세요"); //Select에 대한 옵션(첫 번째 위치) 삽입
$("#select_id option:last").remove(); //색인 삭제 Select Maximum Option의 값(마지막 것)
$("#select_id option[index='0']").remove() //Select에서 인덱스 값이 0인 옵션(첫 번째 것)을 삭제합니다
$( "#select_id option[value='3']").remove(); //옵션 삭제
$("#select_id option[text='4']").remove with Value='3 ' in Select (); //옵션 삭제

with Text='4' in Select

선택한 인덱스 선택 설정:

코드 복사 코드는 다음과 같습니다.

/ /index 인덱스 값
$("#nowamagic").get(0).selectedIndex=index;

선택한 값 설정:

코드 복사 코드는 다음과 같습니다.

$("#nowamagic").attr ("값 ","보통");
$("#nowamagic").val("보통");
$("#nowamagic").get(0).value = 값;

선택한 텍스트 선택 설정:

코드 복사 코드는 다음과 같습니다.

var count=$("#nowamagioption" ).length ;
for(var i=0;i { if($("#nowamagic").get(0).options[i].text == text)
{
             $("#nowamagic").get(0).options[i].selected = true;                                                          
선택 지우기:

코드 복사

코드는 다음과 같습니다.

$("#nowamagic").empty ()