ホームページ > ウェブフロントエンド > jsチュートリアル > 「選択」オプションでの JQuery 操作

「選択」オプションでの JQuery 操作

巴扎黑
リリース: 2017-06-29 10:02:40
オリジナル
1059 人が閲覧しました

下拉框:


<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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート