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
有没有办法做到这一点没有包装成一个形式?
试试这个,如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 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>
抱歉试过这个,它什么也没做......它没有提交任何东西 – 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
你应该ID来 – bansi 2014-09-27 13:52:31
为什么你不希望换到一个元素'form'? – afaolek 2014-09-27 13:52:49
我不喜欢使用表单。也有兴趣知道这是否是可行的 – 2014-09-27 13:55:36