HTML入力ドロップダウンメニューを実装する方法
|
コードをコピー コードは次のとおりです。<html> <ヘッド> <meta http-equiv="コンテンツタイプ" コンテンツ="text/html; charset=UTF-8" /> </head> <本文> <?php エコー ' <フォーム名="DDForm" メソッド="GET" アクション=""> <div style="position:relative;"> <span style="margin-left:100px;width:18px;overflow:hidden;"> <select style="width:180px;margin-left:-100px" onchange="this.parentNode.nextSibling.value=this.value" name="hh"> <option value="車">車</option> <option value="Train"> 電車</option> <option value="航空機"> 航空機</option> </選択> </span><input name="box" style="width:160px;position:absolute;left:0px;"> <input value="送信" name="送信" type="送信"/> </div> </form>'; $aa=$_GET['hh']."111"; // ドロップダウンメニューの値を選択する $bb=$_GET['box']."222"; // 入力ボックスの値 $aa をエコーします。 エコー "</br>"; $bb をエコーします。 // ドロップダウン メニューに入力できる値を取得するには、入力ボックスの値を取得するだけです。 ?> </本文> </html> ドロップダウン メニューに入力できる値を取得するには、入力ボックスの値を取得するだけです。 注: </span><input name="box" style="width:160px;position:absolute;left:0px;"> この行は1行でなければならず、次のように書くことはできません。 </span> <input name="box" style="width:160px;position:absolute;left:0px;"> 改行後、ドロップダウンメニューの値が入力ボックスに表示されません。 入力に基づいて一致するメニュー値を自動的に選択することもできます。 |
<<: Docker コンテナにおける Patroni の簡単な分析
>>: MySQLのスペースをクリーンアップするいくつかの具体的な方法
推薦する
MySQLデータベーステーブルの定期バックアップの実装の詳細な説明
Mysqlデータベーステーブルの定期的なバックアップの実装0. 背景実際の開発環境では、フロントエン...
MySQL 外部キー制約 (FOREIGN KEY) ケースの説明
MySQL 外部キー制約 (FOREIGN KEY) はテーブルの特別なフィールドであり、主キー制約...
Vue3 プロジェクトで WeChat 認証ログインをエレガントに実装する方法
目次序文準備する実装のアイデアコードについて要約する序文WeChat 認証ログインは、WeChat ...
Vue3はJingdong製品詳細ページの虫眼鏡効果コンポーネントをカプセル化します
この記事では、Jingdong製品詳細ページの虫眼鏡効果コンポーネントに似たvue3カプセル化の具体...
MySQLが正常にインストールされたかどうかを確認する方法
MySQL をインストールした後、DOS ウィンドウまたは MySQL 5.7 コマンドライン クラ...
MySQL で指定した桁数の乱数を生成する方法と、バッチで乱数を生成する方法
1. まず、よく使われるMySQL関数をいくつか紹介しますRAND() は 0 から 1 (0<...
JVMシリーズのメモリモデルの詳細な説明
目次1. メモリモデルとランタイムデータ領域2. マインドマップと凡例3. オブジェクトはJVMから...
よく使われるn番目の子セレクターをまとめる
序文フロントエンドプログラミングでは、奇数、偶数などの数値を受け入れることができる nth-chil...
CSS3 でテキストマーキーを実装するためのサンプルコード
背景何が起こったかというと、Luzhu は偶然、宇宙で最高の外部スピーカーを備えた携帯電話について知...
Vue2/vue3 ルーティング権限管理方法の例
1. Vueルーティングの権限制御には一般的に2つの方法がありますa. ルーティングメタ情報（メタ）...
HTML の値属性と名前属性の機能と使用法の紹介
1. ボタンで使用される値は、「OK」、「削除」など、ボタンに表示されるテキストを指します。 2. ...
1 分で Nginx のバージョンをスムーズにアップグレードおよびロールバックする方法
今日は、企業の実際の本番環境でよく遭遇する、Nginx を新しいバージョンにアップグレードし、古いバ...
Ubuntu 16.04.5LTS に SVN をインストールする手順
この記事では、UbuntuシステムでSVNを設定するプロセスを簡単に紹介します。ソースを更新sudo...
この記事では、VUE の複数の DIV とボタン バインディングの Enter イベントを実装する方法を説明します。
現在、OK ボタンをクリックしたときやキーボードの Enter キーを押したときに操作を実行するとい...
Nginx コンテンツ キャッシュと共通パラメータ設定の詳細
使用シナリオ:プロジェクトのページでは、頻繁に変更されず、個別のカスタマイズも伴わない大量のデータを...