我有一个这样的表格
<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>
关于javascript - Jquery/Javascript 根据输入字段更改表单操作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12567953/