ホームページ > ウェブフロントエンド > ライユイのチュートリアル > Lauiuiリストの入力ボックスの値を取得する方法

Lauiuiリストの入力ボックスの値を取得する方法

爱喝马黛茶的安东尼
リリース: 2019-07-11 15:26:46
オリジナル
22420 人が閲覧しました

最初に入力を作成します。スタイル名はlayui-inputです。次に重要なのは、それに id 値を追加することです。

Lauiuiリストの入力ボックスの値を取得する方法

次に、値の取得をトリガーする onclick イベントを持つボタンを追加します。

Lauiuiリストの入力ボックスの値を取得する方法

スクリプト コードでは、ボタンがクリックされたときにトリガーされる関数を定義します。

document.getElementById を使用して入力ボックスを取得できます。パラメータは入力ボックスの ID 値です。

Lauiuiリストの入力ボックスの値を取得する方法

#入力ボックスを取得したら、その value 属性を使用して入力ボックスの値を取得できます。コード: input.value

Lauiuiリストの入力ボックスの値を取得する方法

関連する推奨事項: "layui フレームワーク チュートリアル"

次に、単純なアラート メソッドを使用してポップアップし、値を取得します。

Lauiuiリストの入力ボックスの値を取得する方法

ページを開くと、入力ボックスとボタンが表示されます。

Lauiuiリストの入力ボックスの値を取得する方法

入力ボックスに値を入力し、下のボタンをクリックします。

Lauiuiリストの入力ボックスの値を取得する方法

#クリックすると、この入力ボックスの値が正常に取得されたことがわかります。

Lauiuiリストの入力ボックスの値を取得する方法

以上がLauiuiリストの入力ボックスの値を取得する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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