現在Jqueryで下記のHTMLをもとに、
input(id="median")を入力し、加えてinput(id="step")を入力した場合に書くoptionの要素に入力の値に応じてappendするような仕組みを作っております。
イメージとしては
input(id="median")=1000
input(id="step")=200
を受け付けた場合
①Jqueryのイベントハンドラとしてユーザーが2つの要素("median","step")が入力されて初めてstepの要素が決まる(発火する)ような仕組みを作ることは可能でしょうか?その場合どのようなやり方かをアドバイスお願いします。
イメージとしてinputが2つ埋まっていれば初めてoptionの選択肢が生まれるという形を1段階目として、その後ユーザがinputの値を変えたいと思うこともあるので、それはchangeイベントで常にoptionを可変二していこうと考えております。
ただ、前提として2つが埋まっていなければ、optionの選択肢が出てこないという設計です。
②これも含めて、全体のバリデーションはサーバーサイドのphpでも構築するのですが、そもそもの疑問です。ユーザーがJavaScriptをきっていた場合、このoptionの選択肢は何も出てこないはずかと思います(厳密には値が何もappendされないので、HTML上の初期値しかユーザーは選択できない)が、そのような場合、サーバーサイドでいくら頑張っても対応ができないかと思います。無理やりipnutの値だけ取得してあげて、optionの中身をページ遷移後に書き換えてあげることは可能かもしれませんが、そんなサイトを見たことはありません。。
そのようなことを考えた場合、実務上、このようなJqueryを使った設計は適切ではないのでしょうか、または違う方法で対応されているのでしょうか、はたまたJSをきっているクライアントはある程度諦めているのでしょうか。
ご助言の程、よろしくお願い申し上げます。
HTML
1<input type="text" id="median" placeholder="目安金額(中央値)を入力"> 2<input type="text" id="step" placeholder="ステップ金額(階段値)を入力"> 3<select id="max" size="x"> 4<option value="n1">n1</option> 5<option value="n2">n2</option> 6<option value="n3">n3</option> 7</select>
回答1件
あなたの回答
tips
プレビュー