2011-09-01 109 views
0

我有一个表单使用选择列表来跳转我的网站。这是目前使用onclick window.location所以用户选择页面,并按下去,它会去那个页面。jquery,在提交时替换html

我现在需要为用户添加一个小文本框来输入代码(比如说123456),然后当他们点击开始时,它应该去选择的网址,但[CODE]是输入的数字在盒子里。我发现的jQuery的replaceAll所以它给了我的想法,有这个在选择HTML:

HTTP://jumptothispage.com/parts/p [CODE] /编辑

的http:// jumptothispage。 [/ code] /编辑

当你按go时,它会用输入的代码替换那个html中的所有[CODE],然后跳转到选择的那个页面,例如

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

HTTP://jumptothispage.com/jobs/j123456/edit我已经使用在我的网站的jQuery

所以再次尝试和利用它是有意义的。我会欣赏一个指针或其他建议。

谢谢, 保罗。

+0

对不起 - 真是想不通,你要什么做。你可以试着编辑这个问题吗?具体来说,你的意思是'所有这种形式的html被更新'? –

+0

我希望我的编辑对你有意义:) – techypaul

回答

0

解决方法:将代码存储在一个cookie中,因此至少对于查看URL栏的每个人都不可见。然后在每个onclick中,将其填入URL以将用户发送到“正确”页面。

或者,您的选择的值的字面意思是读取CODE,您的onclick解释为“用户尚未设置代码”。当用户键入的代码,它存储在一个变量(在下面的例子中,realcode),然后你可以这样做:

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

嗨,第二个选项听起来不错,虽然我认为通过将其设置为值,我将失去将代码用于不同页面的能力?在最后一个计数中,我需要提供十个不同的网址作为选项,所有这些网址都需要在网址中间输入数字 - 我更新了问题以便更清楚地说明问题。我会尝试一试,然后回来,谢谢你的回应! – techypaul

+0

那么,对于第二部分,您可以使用'$(document).ready()'来读取window.location,如果CODE这个词出现在正确的位置,那么在我的答案中显示替换否则使用CODE这个词。 –