アプリ版：「スタンプのみでお礼する」機能のリリースについて

急いでいます！

セレクトボックスである項目を選択したら、テキストボックスが表示されるHTMLを教えてください

締切済

  • 質問者：godhappy
  • 質問日時：
  • 回答数：1件

セレクトボックスである項目を選択したら、テキストボックスが表示されるHTMLを教えてください

下記はセレクトボックスのHTMLです
サンプル１を選択したら、テキストボックスが表示される方法を教えてください

<p>
<select name="example1">
<option value="サンプル1">サンプル1</option>
<option value="サンプル2">サンプル2</option>
<option value="サンプル3">サンプル3</option>
<option value="サンプル4">サンプル4</option>
<option value="サンプル5">サンプル5</option>
</select>
</p>


お願いします

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (1件)

No.1

  • 回答者： fujillin
  • 回答日時：

こんにちは。

回答が無いようなので・・・

＞セレクトボックスである項目を選択したら、テキストボックスが表示されるHTMLを教えてください
HTMLだけでは難しいと思いますが、javascript等を利用してよければ可能です。

以下、一例です。

<!DOCTYPE HTML>
<html lang="ja">
<head><title>Sample</title>
</head>
<body>
<p>
<select name="example1">
<option value="サンプル1">サンプル1</option>
<option value="サンプル2">サンプル2</option>
<option value="サンプル3">サンプル3</option>
<option value="サンプル4">サンプル4</option>
<option value="サンプル5">サンプル5</option>
</select>
</p>
<p><input type="text" name="hoge" placeholder="input something!" /></p>

<script type="text/javascript">
document.querySelector("select[name='example1']").addEventListener("change", function(){
document.querySelector("input[name='hoge']").style.display = (this.selectedIndex == 0)?"":"none";
}, false);
</script>
</body>
</html>
    • good
    • 0
    • 件
通報する

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

関連するカテゴリからQ&Aを探す

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報