下拉框:
<select id="selectID" >
<オプションの値= 「1」>1オプション>
<オプションの値="2 ">2オプション>
オプション値=" 3「>3」 オプション>
オプション値="4" >4オプション>
<オプション値="5">5& lt;/オプション>
<オプション値="6">6オプション>
選択 >
下は对下拉框の基本操作:
<スクリプトlanguage="javascript">$(ドキュメント).ready(function( ) {
//
ドロップダウン ボックスが変更されると、SelectChange() メソッドを呼び出します }); ) SelectText関数
= $(" #selectID").find(
"
オプション:選択済み").text(); alert(selectText); ドロップダウン ボックスで選択されている項目の value 属性値を取得します
var selectValue = $("#selectID").val( );alert(selectValue) ; ボックスで選択されたアイテムのインデックス属性値
var selectIndex
= $("
#selectID").get ( 0).selectedIndex;
"
#selectID オプション:last" ).attr(
")インデックス"); alert(selectMaxIndex); } function aa() { //ドロップダウンボックスのインデックス属性を5に設定するオプション チェック5; }関数 bb() { 4); } 関数 cc() { ").attr("選択済み) "、
"
選択されました");
"#yytオプション:contains('5') ").attr(" 選択済み
「
、本当);」
}
function dd(){
//ドロップダウンボックスの端にあるオプションは "
").app( "&lt&lt ;option value='7'>7"); } function ee() {//ドロップダウン ボックスの先頭にオプションを追加します
$(
"#selectID").prepend(
" " ) } 関数ff() { . (); } 関数 gg() { ").remove(); }
関数 hh() {
electID オプション [value=4] 「」 ).remove(); } function ii() {
"#selectID オプション[text=5]").remove();オプション[text=5]
」
).remove();
以上が「選択」オプションでの JQuery 操作の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。