선택 옵션에 대한 JQuery 작업

下拉框：

<select id="selectID" >
        <옵션 값= "1">1option>
        <옵션 값="2 ">2option>
        <옵션 값=" 3">3 option>
        <옵션 값="4"& gt;4옵션 >
        <옵션 값="5">5< /option>
         <옵션 값="6">6option>
    select >

 

 

 하면是对下拉框的基本操작：

 

<script language="javascript">
$(document ).ready(함수( ) {
​​​​ ​// 드롭다운 상자의 변경 이벤트를 바인딩합니다. 드롭다운 상자가 변경되면 SelectChange() 메서드
​​​​ })를 호출합니다. ) 기능 텍스트 = $("
#selectID

").find("option:selected"
).text(); Alert(selectText); 드롭다운 상자에서 선택한 항목 가져오기 값 속성 값 var selectValue = $("#selectID").val( ); warning(selectValue) ;
                                                                     상자에서 선택한 항목의 인덱스 속성 값
var selectIndex =
$("#selectID"). get(
0
).selectedIndex; E Alert (Selectindex); /// /드롭다운 상자의 가장 큰 인덱스 속성 값 가져오기
VAR SelectMaxindex = $ ( "#selectd ": Last "" "" "" "" "" "" "" ).attr("index

" ); Alert(selectMaxIndex); } function aa() {
//드롭다운 상자의 인덱스 속성을 5로 설정하는 옵션 을 확인하세요.​​​5 } function bb() {/ // 置 置 밸브 속성 4 값의 드롭박스 값 설정 ( " #selectid" ). Val (4); }
함수 cc() {

") attr("
selected" , "selected");


"#yyt option:contains('5 ')
").attr(" 선택됨" , 사실);

}

함수 dd () { // 드롭 다운 박스의 끝에있는 옵션 옵션
) .append ( " & lt ;option value='7'>7"
);
}
function ee() {//드롭다운 상자 앞에 옵션 추가
                  $("#selectID").prepend("<옵션 값='0'>0" )
}
기능 ff() {
                                                                                                        > " ).remove(); } function ii() {
"#selectID option[text=5]").remove();                             ~                                        옵션[text=5]
"

).remove();

위 내용은 선택 옵션에 대한 JQuery 작업의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!