ber*_*ter 2 javascript forms jquery
我有这样的表格
<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;
充分
<!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>