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的提交网址的查询字符串不形

回答

相关问题