![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?c9bd177)
以下のHTML文をご覧ください
<html>■製品名<br>
<select name="product" size="1"><OPTION VALUE= >------------
<option value="製品1">製品1<option value="その他">その他</select>
<input type="text" name="product2" size="30" value="製品名をここにご記入ください"><br>
<html>
現在、常に「製品名をここにご記入ください」の入力欄が表示されていますが、これを、
左側プルダウンで、「その他」を選んだ場合のみ、入力欄自体を表示させる
知恵がございましたら、ぜひお願いします
HTML,PHPが使用できる環境です
No.2ベストアンサー
- 回答日時:
テキストのdisabledとstyle-displayをつかってみては?
例えばこんな感じ。
(selectなんでformくらい書いた方がよいですね)
<script language=javascript>
function change(obj){
var p2=obj.form.elements["product2"];
if(obj.value=="その他"){
p2.disabled=false;
p2.style.display="";
}else{
p2.disabled=true;
p2.style.display="none";
}
}
</script>
■製品名<br>
<form>
<select name="product" size="1" onChange="change(this)">
<OPTION VALUE="" >------------
<option value="製品1">製品1
<option value="その他">その他
</select>
<input type="text" name="product2" size="30" value="製品名をここにご記入ください" disabled style="display:none"><br>
</form>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript セレクトボックスを2つ選択してメッセージなどを表示するには。~運賃検索プログラムを完成させたい~ 1 2022/07/22 11:10
- JavaScript 以前の質問だと、どの条件でも配列が表示されてしまいます。 1 2022/07/09 11:40
- PHP PHPで画像の渡しが上手く行きません。 1 2023/02/02 09:39
- JavaScript セレクトボックスで配列を呼び出したい。 1 2022/07/08 20:14
- PHP 入力した部分を表示させたまま(保持)するにはどうすれば良いでしょうか? 1 2023/01/25 11:14
- JavaScript 電車の運賃を出すプログラムを作っています。 2 2022/06/22 09:36
- JavaScript switch文のswitch(n)の部分を複数の値にするか、if文に変えてほしいです。 1 2022/07/27 17:18
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
- JavaScript セレクトボックスを2つ設けて選択して初めてメッセを表示 1 2022/07/27 12:15
- JavaScript セレクトを全て選択されていないと、文字によるエラーメッセージを表示させるコードを調べています 2 2023/06/22 15:48
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
webデザインの勉強で、HTML/CSS...
-
htmlの文字が縦書きになる
-
私、Paiza Cloudやっているのだ...
-
WEBサイトの作成で、imgタグに...
-
CSSファイルの日本語コメントが...
-
、URL化させるにはどうしたらい...
-
テーブルの行を折りたたみたい...
-
HTMLの CSSのファイルというの...
-
すいませんHTMLです cssです教...
-
css初心者 フレックスボックス...
-
WEBページを強制的に横画面で見...
-
先日ウェブデザイン技能検定三...
-
X の仕様変更? 埋め込みフレー...
-
指定した演算を実施の結果を表...
-
指定した演算を実施の結果を表...
-
htmlソース編集で、各タグを何...
-
<!DOCTYPE html>あってますか?...
-
<!DOCTYPE html>あってますか?...
-
<!DOCTYPE html>あってますか?↑
-
Duolingo のソースコードの名前...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ラジオボタンが両方とも選択で...
-
「value」に2つの値をセットす...
-
INPUT TYPE
-
select値をhiddenのvalueに渡し...
-
FORMのselectの選択肢を最初か...
-
チェックボックスとセレクトボ...
-
ラジオボタンを選択済みにする...
-
ある条件での必須入力について
-
チェックボックスグループの一...
-
<select>タグの幅設定
-
プルダウンメニューでValue値を...
-
htmlでセルの値を取得して計算...
-
プルダウンメニューにテキスト...
-
HTML プルダウンメニューの選択...
-
PHPで検索ボタンを押さずに検索...
-
iframeごとに戻るボタンを
-
リストボックス(multipleなsel...
-
メールフォームのプルダウンメ...
-
チェックボックスの余白を指定...
-
htmlで on off 未選択 を表現す...
おすすめ情報