- ベストアンサー
※ ChatGPTを利用し、要約された質問です（原文：javascriptでselectboxのvalueを取得し、特定のv）
JavaScriptでSelectboxのvalueを取得し、特定のvalue値でinputタグを表示する方法
このQ&Aのポイント
- JavaScriptを使用して、Selectboxのvalueを取得し、特定のvalue値によってブラウザにinputタグを表示する方法について教えてください。
- JavaScriptの基礎知識がありますが、Selectboxのvalueを取得して条件分岐し、表示を切り替える方法がわかりません。
- 以下のコードで試してみましたが、更新しないと表示が変わりません。どのように修正すれば良いでしょうか？
- icon_fanta
- お礼率61% (11/18)
- JavaScript
- 回答数2
- ありがとう数4
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
<style type="text/css"> #hijklmn { display: none; } </style> <script type="text/javascript"> $(function() { $("#abcdefg").bind("change", function () { if ($(this).val() == '3') $('#hijklmn').show(); else $('#hijklmn').hide(); }) }); </script> jqueryならこんな感じでしょうか。
その他の回答 (1)
- fujillin
- ベストアンサー率61% (1594/2576)
回答No.2
jqueryはよく知りませんが… $(function()～の内容は、最初にしか実行されないはずなので、selectboxの値が変わる毎に実行するようにしないとうまくいかないのと、その場合はhide()だけでなくshow()も設定しておかないとならないのでは？ $(function() { $("#abcdefg").change(function() { if($("#abcdefg").val() == 3) $('#hijklmn').show(); else $('#hijklmn').hide(); }).change(); }); みたいな感じ？
質問者
お礼
ご教授有難うございました！ 大変助かりました！
お礼
そのままのコードでいけました！ やはり基本も知らずに無謀なことをするのはよくないですよね・・・。。 本当に助かりました！有難うございました！