jQuery的提交網址的查詢字符串不形

我有這個簡單的HTML頁面：jQuery的提交網址的查詢字符串不形

<html> 
    <head> 
    <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script> 
    <script type="text/javascript"> 
    $(document).ready(function() { 
     $(document).on('click', 'button', function(){ 
      var selectval = $('select').val(); 
      $.get('/', 
      { 
        selectval: selectval 
      }); 
     }); 
    }); 
    </script> 
    </head> 

    <body> 
    <select> 
     <option value="Option1">Option1</option> 
     <option value="Option2">Option2</option> 
    </select> 

    <button>Submit</button> 
    </body> 
</html>

我想要的按鈕，像用get方法窗體上的提交按鈕。所以點擊按鈕應該提交get變量（selectval）作爲查詢字符串。

所以單擊該按鈕應該去：

http://domain.com/?selectval=option1

有沒有辦法做到這一點沒有包裝成一個形式？

來源

2014-09-27 Michael Samuel

你應該ID來 – bansi 2014-09-27 13:52:31

爲什麼你不希望換到一個元素'form'？ – afaolek 2014-09-27 13:52:49

我不喜歡使用表單。也有興趣知道這是否是可行的 – 2014-09-27 13:55:36

試試這個，如JavaScript：

<script type="text/javascript"> 
    $(document).ready(function() { 
     $(document).on('click', 'button', function(){ 
      var selectval = $('select').val(); 
      location.href = "?selectval="+selectval; 
     }); 
    }); 
    </script>

來源

2014-09-27 14:49:55

愚蠢的我...沒有想到這個非常簡單的解決方案:) – 2014-09-27 16:11:13

:)有時解決方案比我們的期望更簡單。我們爲什麼要努力嘗試？ :) – 2014-09-27 18:29:26

你可以做到這一點，這是完全有效的。你可以嘗試下面的方法來做到這一點。注意我已經使用了所需元素的ID。

<html> 
    <head> 
    <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script> 
    <script type="text/javascript"> 
    $(document).ready(function() { 
     $('#btn').click(function(){ 
      var selectval = $('#opt').val(); 
      $.get('/', 
      { 
        selectval: selectval 
      },function(data){ 
       alert(data); 
      }); 
     }); 
    }); 
    </script> 
    </head> 

    <body> 
    <select id="opt"> 
     <option value="Option1">Option1</option> 
     <option value="Option2">Option2</option> 
    </select> 

    <button id="btn">Submit</button> 
    </body> 
</html>

Fiddle Here

來源

2014-09-27 13:59:42 bansi

抱歉試過這個，它什麼也沒做......它沒有提交任何東西 – 2014-09-27 14:06:40

它爲我工作，唯一改變的是使用來自不同來源的jquery。 'src =「http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.js」''http：// code.jquery.com/jquery-latest.min.js' doesn' t似乎從我的機器加載 – bansi 2014-09-27 15:09:38

jQuery的提交網址的查詢字符串不形

回答

相關問題