こんにちは単純な検索フォームを作成したいので、ユーザーがオプション1を選択すると特定のオプションが表示されます。私は、ボタンのリンクをウェブサイト上のそのページに移動させたいと思っています。2つのオプションが選択されたときにjqueryを使用してボタンのリンクを変更する
私はこのコードを(ボタンなしで)うまく動作しますが、どのようにしてボタンを作成するのですか?動物が最初のボックスで選択された場合、2番目のボックスでオオカミが選択された場合、 .mysite.com/wolf.html?
おかげ
$("#select1").change(function() {
if ($(this).data('options') == undefined) {
/*Taking an array of all options-2 and kind of embedding it on the select1*/
$(this).data('options', $('#select2 option').clone());
}
var id = $(this).val();
var options = $(this).data('options').filter('[value=' + id + ']');
$('#select2').html(options);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<select name="select1" id="select1">
<option value="1">Fruit</option>
<option value="2">Animal</option>
<option value="3">Bird</option>
<option value="4">Car</option>
</select>
<select name="select2" id="select2">
<option value="1">Banana</option>
<option value="1">Apple</option>
<option value="1">Orange</option>
<option value="2">Wolf</option>
<option value="2">Fox</option>
<option value="2">Bear</option>
<option value="3">Eagle</option>
<option value="3">Hawk</option>
<option value="4">BWM<option>
</select>
は、ボタンのクリックハンドラを追加し、追加ボタンをクリックハンドラでのリダイレクトを行います。何を試しましたか? – David
私はidとしてurlを使うことができるので、私が2番目の選択リストを持っていないときにフォームが動作するようになることができます。私はちょうど両方のことをやり遂げることに頭を傾けません。 – cw2504
まあ、どこにこだわっていますか?現在、これは「自分のコードを書く」という要求として読み込まれます。いくつかの試みをして問題が発生した場合は、その問題を解決できます。しかし、私が前に言及したステップをどのように行うか分かりませんでしたら、探しているものがHTMLとJavaScript/jQueryのチュートリアルです。 – David