JQuery의 관련 연산 구현 코드 select control_jquery

을 선택하려면 먼저 다음 코드를 살펴보세요.

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

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

의 텍스트 값을 설정합니다.

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

$("#ddlRegType").find("option:selected").text( );

선택하여 선택한 값 가져오기:

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

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

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

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

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

Set select
jQuery는 Select의 Option 항목을 추가/제거합니다:

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

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

선택 항목 설정 index:

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

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

선택한 값 설정:

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

$("#nowamagic").attr("value"," Normal")
$(" #nowamagic").val("Normal");
$("#nowamagic").get(0).value = 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;

break
}
}

지우기 선택:

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

$( "#nowamagic") .비어있음()