我有这样的表格
<html>
<body>
<form action='' name='myform' method='POST'>
<input type='text' name='cars'>
<button action='submit'>Search Cars</button>
</body>
</html>
我想做的是将表单操作更改为类似action='http://www.mysite.com/<cars_value>.html'>
基于输入字段中填写的内容(由自动完成填充)。
有一个简单的方法可以做到这一点吗?我可以用<select>
很容易,但客户想要一个输入字段!
您可以这样做,您需要将 id 添加到项目中。您可能想做的一件事是验证用户输入。
HTML
<form action='' name='myform' id="myform" method='POST'>
<input type='text' name='cars' id="cars">
<button action='submit'>Search Cars</button>
</form>
jQuery
$('#myform').submit(function(){
var car = $('#cars').val();
$(this).attr('action', "http://www.mysite.com/" + car + ".html");
});
编辑:
最好是javascript放在页面底部;
FULL
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<form action='' name='myform' id="myform" method='POST'>
<input type='text' name='cars' id="cars">
<button action='submit'>Search Cars</button>
</form>
<script src="path-to-jquery"></script>
<script>
// Shorthand for $(document).ready();
$(function() {
$('#myform').submit(function(){
var car = $('#cars').val();
$(this).attr('action', "http://www.mysite.com/" + car + ".html");
});
});
</script>
</body>
</html>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)