jquery，在提交时替换html

Question

我有一个表单，它使用选择列表跳转到我的网站。目前正在使用onclick window.location，因此用户选择页面并按下go并进入该页面。

我现在需要添加一个小文本框供用户输入代码（比如123456），然后当他们点击go时，它应该转到所选的网址，但是[CODE]是输入的数字盒子。我发现了jquery replaceAll，所以它给了我在select html中的想法：

  

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

     

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

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

  

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

     

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

我已经在我的网站上使用了jquery，所以有必要再次尝试使用它。我会很感激指针或其他建议。

谢谢， 保罗。

Answer 1

解决方法：将代码存储在cookie中，因此至少看到URL栏的每个人都看不到它。然后在每个onclick中，将其放入网址，将用户发送到“正确”页面。

或者，让您的选择选项的值字面读为CODE，您的onclick解释为“用户尚未设置代码”。当用户键入代码时，将其存储在变量中（在下面的示例中为realcode），然后您可以执行此操作：

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