ユーザーが選択に基づいて 4 つの個別のページのいずれかにリダイレクトできるようにするフォームを作成しています。これを行うために、すべてのオプションを含むドロップダウン選択ボックスを実装しました。私が欲しいのは、このボックスで選択して、ボタンを押して送信したときにフォームのリダイレクト URL を変更することです。この問題の他のいくつかの例を見てきましたが、いくつかのエラーが発生しました。たとえば、私が見た jQuery の修正を試みましたが、ドロップダウン オプションが選択されるとすぐにユーザーを新しいページにリダイレクトしました。
ここに私のフォームコードがあります
<form action="" id="search-form" method="post" onChange="">
<input name="retURL" value="thankyou.html" type="hidden">
<label for="firstname" class="half first-half">
<input type="text" name="First Name" id="firstname" placeholder="FIRST NAME*" autofocus required>
</label>
<label for="lastname" class="half second-half">
<input type="text" name="Last Name" id="lastname" placeholder="LAST NAME*" required>
</label>
<label for="email" >
<input type="email" name="Email" id="email" placeholder="EMAIL*" required>
</label>
<label for="phone" >
<input type="tel" name="Phone" id="phone" placeholder="PHONE*" required >
</label>
<label>
<select id="selectbox" name="">
<option value="0" selected>PROPERTY OF INTEREST*</option>
<option value="thankyou1.html">Adako Crossing</option>
<option value="thankyou2.html">Hayes Haven</option>
<option value="thankyou3.html">Pinion</option>
<option value="thankyouall.html">All Properties</option>
</select>
</label>
<textarea name="comments" id="comments" placeholder="COMMENTS"></textarea>
<button type="submit" id="get_info" name="submit"></button>
</form>