ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScript は、選択ドロップダウン ボックスへの要素の追加と削除を実装します。

JavaScript は、選択ドロップダウン ボックスへの要素の追加と削除を実装します。

小云云
小云云オリジナル
2018-01-23 11:18:441757ブラウズ

この記事では、JavaScript を使用して選択ドロップダウン ボックスに要素を追加および削除する方法を主に紹介し、フォーム要素を動的に操作するための jQuery の append() メソッドと Remove() メソッドの関連テクニックについても説明します。皆さんのお役に立てれば幸いです。

この記事の例では、JavaScript を使用して選択ドロップダウン ボックスに要素を追加および削除する方法を説明します。参考として皆さんと共有してください。詳細は次のとおりです:

1. 手順

a. append() メソッドを使用して、ドロップダウン ボックスに要素を追加します append()方法向下拉框中添加元素

b. 利用remove()

b . remove() メソッドを使用して、ドロップダウン ボックスの最後の要素を削除します

2. 実装結果


(1. ) 初期化中

(2) 要素の追加

(3) 要素の削除

関連推奨事項:

jQuery は、選択オプションのドロップダウン リスト実装コードを動的に生成します

jQueryツリーの複数選択 正しい使用法

jQu ery は選択ドロップダウン ボックスを実装します 現在選択されているテキストを取得します

以上がJavaScript は、選択ドロップダウン ボックスへの要素の追加と削除を実装します。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。