我有这个简单的html页面:

<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


有没有一种方法可以不包装成表格?

最佳答案

尝试使用javascript:

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

09-19 02:18