Jquery 如何在提交时将用户数据从输入添加到操作属性?
我是一名设计师,试图更新我们网站上的一些表单。我想使用jquery将搜索词添加到我们在搜索表单中用作操作的URL中。我们目前的网站是传统的asp 一种新的方法是必要的,因为我们当前的表单在另一个网站(contentdm,由OCLC托管)上搜索数据库,而在升级版本中,我们当前的表单将无法工作 新方法是将项目写入URL(请参见下面URL中的searchterm/ohio): 我知道如何将最新的jquery库添加到我的页面,但我不太熟悉如何编写脚本以使其正常工作 上一个表单使用此方法:Jquery 如何在提交时将用户数据从输入添加到操作属性?,jquery,forms,Jquery,Forms,我是一名设计师,试图更新我们网站上的一些表单。我想使用jquery将搜索词添加到我们在搜索表单中用作操作的URL中。我们目前的网站是传统的asp 一种新的方法是必要的,因为我们当前的表单在另一个网站(contentdm,由OCLC托管)上搜索数据库,而在升级版本中,我们当前的表单将无法工作 新方法是将项目写入URL(请参见下面URL中的searchterm/ohio): 我知道如何将最新的jquery库添加到我的页面,但我不太熟悉如何编写脚本以使其正常工作 上一个表单使用此方法: <fo
<form method="get" action="http://content.wisconsinhistory.org/cdm4/results.php">
<input type="hidden" name="CISOOP1" value="all" />
<input type="hidden" name="CISOFIELD1" value="CISOSEARCHALL" />
<input type="hidden" name="CISORESTMP" value="results.php" />
<input type="hidden" name="CISOVIEWTMP" value="item_viewer.php" />
<input type="hidden" name="CISOMODE" value="grid" />
<input type="hidden" name="CISOGRID" value="thumbnail,A,1;" />
<input type="hidden" name="CISOBIB" value="title,A,1,N;" />
<input type="hidden" name="CISOTHUMB" value="20 (4x5);title" />
<input type="hidden" name="CISOTITLE" value="20;title,none,none,none,none" />
<input type="hidden" name="CISOHIERA" value="20;titlea,title,none,none,none" />
<input type="submit" value="Search" class="button" />
</form>
我一直在谷歌上搜索,想看看如何让表单进入更像新URL的结果页面:
下面我有一个开始。但我知道我搞砸了。我想首先我必须得到用户输入的值,然后我必须将其添加到URL中。。。我只是不知道怎么写
<script>
$(document).ready(function(){
$('.searchform').append('action="http://sandbox.contentdm.org/cdm/search/collection/p10010coll1/searchterm/' + 'input[name=searchvalue]');
});
</script>
<form method="get" class="searchform" action="http://sandbox.contentdm.org/cdm/search/collection/p10010coll1/searchterm/">
<input type="text" name="searchvalue" tabindex="1">
<input type="submit" value="Search" class="button" />
</form>
$(文档).ready(函数(){
$('.searchform').append('action='http://sandbox.contentdm.org/cdm/search/collection/p10010coll1/searchterm/“+”输入[name=searchvalue]”;
});
我只知道一定有办法做到这一点!我很感谢你能提供的任何帮助。谢谢
$('#.searchform').submit(function(e) {
e.preventDefault();
var action = $(this).attr('action') + '/' + $('input[name=searchvalue]', this).val();
window.location.href = action;
});
我已经编辑了代码以防止提交,只需转到附加搜索词的URL即可。这样行吗?Davidethell,当我尝试此代码并将1968输入搜索框时,它会将我带到此页面:……是否有办法不传递参数(?searchvalue=1968),而是让它编写searchterm/1968?