jQuery 는 select 드 롭 다운 상 자 를 실현 하여 현재 선택 한 텍스트,값,색인 을 가 져 옵 니 다.
// .htnl ，
<head>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script>
$(function(){
// Select ，
$("select:eq(0)").change(function(){
//code
});
// Select Text:
var checkText = $("select:eq(0) :selected").text();//
= $("select:eq(0) option:selected").tetx();
= $("#One").find(":selected").text();
= $("#One").find("option:selected").text();
// ， ， 。
var checkValue = $("#select_id").val();
// Select , [ ] val
var checkValue = $("select:eq(0) :selected").val();//========= ，
// Select
var checkIndex = $("#select_id ").get(0).selectedIndex;
// Select
var maxIndex = $("#select_id :last").prop("index"); //
= $("#select_id option:last").prop("index");
= $("select:eq(0)").find(":last").prop("index")
= $("select:eq(0)").find("option:last").prop("index")
//=========================================================================================
//jQuery Select Text Value:
// Select Value 4
$("#select_id ").val(4); //
$("#select_id [value='4']").prop("selected", true);
$("#select_id option[value='4']").prop("selected", true);
// select option
$("select :first").prop("selected", true);//
$("select :first").prop("selected", 'selected');
$("select option:first").prop("selected", "true");
$("select option:first").prop("selected", "selected");
//============================================================================================
//jQuery / Select Option
$("#select_id").append("<option value='Value'>Text</option>"); // Select Option( )
$("#select_id").prepend("<option value='0'> </option>"); // Select Option( )
$("#select_id :last").remove(); // Select Option( )
$("#select_id :fist").remove(); // Select 0Option( )
$("#select_id [value='3']").remove(); // Select Value='3' Option
});
</script>
</head>
<table>
<tr>
<td>
<!--multiple ，size ，-->
<select size="12" id="One" multiple="multiple">
<option value='1'> </option>
<option value="2"> </option>
<option value="3"> </option>
<option value="4"> </option>
</select>
</td>
<td>
<input type="button" value=">>>"><br>
<input type="button" value=" > "><br>
<input type="button" value=" < "><br>
<input type="button" value="<<<"><br>
</td>
<td>
<select size="12" id="two" multiple="multiple">
<option value="5"> </option>
</select>
</td>
<td>
<input type="button" value=" up "><br><br>
<input type="button" value="down"><br>
</td>
</tr>
</table>이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
🕗[프로그래머스] 입양 시각 구하기(2)문제 설명 ANIMAL_OUTS 테이블은 동물 보호소에서 입양 보낸 동물의 정보를 담은 테이블입니다. ANIMAL_OUTS 테이블 구조는 다음과 같으며, ANIMAL_ID, ANIMAL_TYPE, DATETIME, ...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
