<옵션값="/> <옵션값=">

 >  기사  >  웹 프론트엔드  >  선택 옵션에 대한 JQuery 작업

선택 옵션에 대한 JQuery 작업

巴扎黑
巴扎黑원래의
2017-06-29 10:02:401040검색

下拉框:


<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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.