0

そのため、2つのドロップダウンボックスと送信ボタンを含むページを自分のサイトに配置しようとしています。送信ボタンをクリックするとURLをポイントし、新しいページに移動します。URLは、ドロップダウンメニューで選択されたものに基づきます。

例：ドロップダウン1にはオプションAとBがありますドロップダウン2にはオプション1と2があります

次に、組み合わせごとに異なるURLがあります。A1はURL-1を指しますA2はURL-2を指しますB1はURL-3を指しますB2はURL-4を指します

私はコーディングについてあまりよく知らず、過去3時間これを行う方法を探していましたが、グーグルで検索する方法すら知りません。この時点で私が得ることができるどんな助けにも本当に感謝します。前もって感謝します！:)

これが私のドロップボックスからのコードです。例をA、B、1、および2に一致するようにオプションを編集しました。

<html>
<body>
<form>
<select id="list1t">
  <option>Select one</option>
  <option>A</option>
  <option>B</option>
</select>
</form>
<form>
<select id="list2">
  <option>Select one</option>
  <option>1</option>
  <option>2</option>
</select>
</form>
</body>
</html>
4

1 に答える 1

1 
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
var url;
$(function(){
$('#link').click(function(){
    var val1=$('#first').val();
    var val2=$('#second').val();
    if(val1=='A'){
        if(val2=='1'){
              url="URL1";
        }
        else{
              url="URL2";
        }
    }else{
        if(val2=='1'){
              url="URL3";
        }
        else{
              url="URL4";
        }
    }
    window.location.href=url;
});
});
</script>

htmlは

<select id="first">
    <option value="A" selected>A</option>
    <option value="B">B</option>
</select>
<select id="second">
    <option value="1" selected>1</option>
    <option value="2">2</option>
</select>

をクリックするためのリンクを使用できます。フォームや送信ボタンは必要ありません

<a href="#" id="link">BUTTON</a>
于 2013-03-26T06:19:49.327 に答える