0

次の HTML を使用しています。

<select name="compet" id="compet"></select>
<select  name="spage" id="spage">
  <option value="home">Home</option>
  <option value="insert">Insert</option>
  <option value="ranking">change</option>
  <option value="details">Details</option>
</select>
<input type="submit" name="ChangePage" id="Goto" onclick="change_page()" value="ChangePage" />

および次のjQuery（ボタンをクリックして、AJAX経由で新しいページをdivにロードしたい）：

<script  type="text/javascript">
  function change_page(){
    $.ajax({
      url: '', // This is where I want to get the value based on the SELECT
      type: 'POST',
      data: { compet: $('#compet').val() },
      success: function(data){
        $(".myresult").html(data);
      }
    })
  }
</script>

のどの項目が選択されたかに基づいて URL を設定したいと考えていますSELECT。ただし、これを達成する方法がわかりません。どんな提案も役に立ちます！

4

2 に答える 2

0

これは機能するはずです（nb、テストされていません）

<script  type="text/javascript">
  function change_page(){

     var myurl;

     switch($("#spage").val())
     {
        case "home":
          myurl = "http://mysite.com";
          break;
        case "insert":
          myurl = "http://mysite.com/insert";
          break;
        case "ranking":
          myurl = "http://mysite.com/ranking";
          break;
 // etc
     }


    $.ajax({
      url: myurl,
      type: 'POST',
      data: { compet: $('#compet').val() },
      success: function(data){
        $(".myresult").html(data);
      }
    })
  }
</script>
于 2013-03-04T21:53:08.407 に答える
0

このHTMLを変更した後、動作するようになりました

<select name="compet" id="compet"></select>
<select  name="spage" id="spage">
  <option value="home">Home</option>
  <option value="insert">Insert</option>
  <option value="ranking">change</option>
  <option value="details">Details</option>
</select>
<input type="button" name="ChangePage" id="Goto" onclick="change_page()" value="ChangePage" /> // I changed type to button from submit

ありがとうございました

于 2013-03-05T14:52:04.240 に答える