jQuery는 선택 항목을 동적으로 추가 및 삭제합니다(구현 코드)_jquery

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

// 추가
함수 col_add( ) {
var selObj = $("#mySelect");
var value="value";
var text="text";
selObj.append("" text "");
}
// 삭제
function col_delete() {
var selOpt = $("#mySelect option:selected" );
selOpt.remove();
}
// 지우기
function col_clear() {
var selOpt = $("#mySelect option");
selOpt.remove ();
}

위의 방법은 jQuery가 선택 항목을 동적으로 추가, 삭제 및 지우는 데 사용됩니다. 순수 js를 작성하는 방법은 다음과 같습니다.

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

var sid = document.getElementById("mySelect");
sid.options[sid.options.length]=new Option("text","value"); // select 끝에 항목 추가

기타 일반적으로 사용되는 방법:

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

$("#mySelect") .change(function(){//code...}) //선택한 항목이 변경되면 트리거됩니다

//선택 값 가져오기
var text=$("#mySelect").find("option:selected").text() //선택 항목의 텍스트 가져오기
var 값 =$ ("#mySelect").val(); //선택 항목 값 가져오기
var value=$("#mySelect option:selected").attr("value"); Select 항목 Value
var index=$("#mySelect").get(0).selectedIndex; //Select 옵션의 인덱스 값을 0부터 가져옵니다
var index=$(" #mySelect 옵션:선택됨" ).attr("index"); //사용할 수 없습니다! ! !
var index=$("#mySelect option:selected").index(); //Select 옵션의 인덱스 값을 0부터 가져옵니다.
var maxIndex=$("#mySelect option:last" ) .attr("index"); //사용할 수 없습니다! ! !
var maxIndex=$("#mySelect option:last").index();//0부터 시작하여 선택 최대 인덱스 값을 가져옵니다
$("#mySelect").prepend("text"); //Select의 첫 번째 항목 앞에 항목을 삽입

//선택 값 설정
//인덱스에 따라 선택한 항목 설정
$("#mySelect").get(0).selectedIndex=index;//index는 인덱스 값입니다.
//값에 따라 선택한 항목이 설정됩니다
$("#mySelect").attr("value","newValue")
$("#mySelect").val("newValue") ;
$(" #mySelect").get(0).value = value;
//텍스트에 따라 해당 항목을 선택 항목으로 설정
var count=$("#mySelect 옵션 ").length;
for( var i=0;i{
if($("#mySelect").get(0).options[i].text = = 텍스트)
{
$("#mySelect").get(0).options[i].selected = true
break
}
}

// 선택 지우기
$("#mySelect").empty();