Question

我是设计师，试图更新我们网站上的某些表格。我想使用jquery将搜索词添加到我们用作搜索表单中的操作的URL。我们当前的网站是遗产asp。

新方法是必要的，因为我们当前的表单在另一个网站（contentdm，由OCLC托管）上搜索数据库，而在升级版本中，我们当前的表单将不起作用。

新方法是将项目写入URL（请参阅下面的URL中的searchterm / ohio）：

http://sandbox.contentdm.org/cdm/search/collection/p10010coll1/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>

我一直在搜索谷歌，看看如何让表单转到结果页面，更像是新网址：http://sandbox.contentdm.org/cdm/search/collection/p10010coll1/searchterm/ohio

而且，我从下面开始。但我知道我搞砸了。我想首先我必须得到用户输入的值，然后我必须将其添加到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>

我只知道必须有办法做到这一点！我很感谢您提供的任何帮助。谢谢！

Answer 1

$('#.searchform').submit(function(e) {
    e.preventDefault();
    var action = $(this).attr('action') + '/' + $('input[name=searchvalue]', this).val();
    window.location.href = action;
});

我编辑了代码以阻止提交，只是转到附加了搜索字词的网址。那会有用吗？

如何在提交时将输入中的用户数据添加到action属性？

1 个答案: