Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 如何在提交时将用户数据从输入添加到操作属性?_Jquery_Forms - Fatal编程技术网

Jquery 如何在提交时将用户数据从输入添加到操作属性?

Jquery 如何在提交时将用户数据从输入添加到操作属性?,jquery,forms,Jquery,Forms,我是一名设计师,试图更新我们网站上的一些表单。我想使用jquery将搜索词添加到我们在搜索表单中用作操作的URL中。我们目前的网站是传统的asp 一种新的方法是必要的,因为我们当前的表单在另一个网站(contentdm,由OCLC托管)上搜索数据库,而在升级版本中,我们当前的表单将无法工作 新方法是将项目写入URL(请参见下面URL中的searchterm/ohio): 我知道如何将最新的jquery库添加到我的页面,但我不太熟悉如何编写脚本以使其正常工作 上一个表单使用此方法: <fo

我是一名设计师,试图更新我们网站上的一些表单。我想使用jquery将搜索词添加到我们在搜索表单中用作操作的URL中。我们目前的网站是传统的asp

一种新的方法是必要的,因为我们当前的表单在另一个网站(contentdm,由OCLC托管)上搜索数据库,而在升级版本中,我们当前的表单将无法工作

新方法是将项目写入URL(请参见下面URL中的searchterm/ohio):

我知道如何将最新的jquery库添加到我的页面,但我不太熟悉如何编写脚本以使其正常工作

上一个表单使用此方法:

<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?