我有这个简单的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>