Javascript jquery,在提交时替换html

Javascript jquery,在提交时替换html,javascript,jquery,html,Javascript,Jquery,Html,我有一个表单,它使用一个选择列表在我的站点上跳转。这当前使用的是onclick window.location,因此用户选择页面并按go键,然后它转到该页面 我现在需要添加一个小文本框,让用户输入代码(比如123456),然后当他们单击go时,它应该转到所选的url,但[code]是框中输入的数字。我发现了jquery replaceAll,因此它让我想到在select html中使用它: http://jumptothispage.com/parts/p[CODE]/edit http://j

我有一个表单,它使用一个选择列表在我的站点上跳转。这当前使用的是onclick window.location,因此用户选择页面并按go键,然后它转到该页面

我现在需要添加一个小文本框,让用户输入代码(比如123456),然后当他们单击go时,它应该转到所选的url,但[code]是框中输入的数字。我发现了jquery replaceAll,因此它让我想到在select html中使用它:

http://jumptothispage.com/parts/p[CODE]/edit

http://jumptothispage.com/jobs/j[CODE]/edit

当您按下go键时,它将用输入的代码替换该html中的所有[代码],然后跳转到所选页面,例如

http://jumptothispage.com/parts/p123456/edit

http://jumptothispage.com/jobs/j123456/edit

我已经在我的网站上使用jquery,所以再次尝试使用它是有意义的。我希望你能给我一个指针或其他建议

谢谢,
Paul.

一种解决方法:将代码存储在cookie中,这样至少不会让每个查看URL栏的人都看到它。然后在每个
onclick
中,将其放入URL以将用户发送到“右侧”页面

或者,将选择选项的值逐字读取为
code
,onclick将其解释为“用户尚未设置代码”。当用户键入代码时,将其存储在变量中(在下面的示例中,
realcode
),然后您可以执行以下操作:

$('select#navigation option').each(function(idx, el) {
    $(el).attr('value', $(el).attr('value').replace(/CODE/, realcode));
});

对不起,我真的搞不懂你想做什么。你能试着编辑一下这个问题吗?特别是,你所说的“更新该表单的所有html”是什么意思?我希望我的编辑对你有意义:)嗨,第二个选项听起来不错,尽管我认为如果将其设置为该值,我将失去在不同页面中使用该代码的能力?在最后一次计数中,有十个不同的URL,我需要作为选项来提供,所有这些URL都需要在URL的中间设置一个数字。我会尝试尝试尝试一下,然后回来,谢谢你的光临!好的,对于第二部分,您可以使用
$(document).ready()
来读取window.location,如果单词code出现在正确的位置,则执行我的答案中所示的替换,否则使用单词code。