2011-09-01 6 views
0

내 사이트를 뛰어 넘기 위해 선택 목록을 사용하는 양식이 있습니다. 현재 onclick window.location을 사용하여 사용자가 페이지를 선택하고 누를 때 해당 페이지로 이동합니다.jquery, submit시 html을 대체하십시오.

사용자가 코드 (예 : 123456)를 입력 할 수 있도록 작은 텍스트 상자를 추가해야합니다. 그런 다음 이동을 클릭하면 선택한 URL로 이동해야하지만 [CODE]는 입력 한 번호 상자에.

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

HTTP 편집 : // jumptothispage이 나에게 선택 HTML에서이 가지고있는 생각을했다, 그래서 나는 JQuery와 완전히 대체를 발견했다. co.kr/jobs/j [CODE]/편집

go를 누르면 해당 html의 [CODE]가 입력 된 코드로 대체되고 선택한 페이지로 이동합니다. 예 :

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

HTTP : //jumptothispage.com/jobs/j123456/edit 이미 내 사이트에 jQuery를 사용하고

다시 시도하고 사용하는 것이 합리적입니다. 나는 대신 포인터와 다른 제안을 주시면 감사하겠습니다.

감사합니다. 폴.

+0

죄송합니다 - 정말 당신이 무슨 말을 하려는지 작동하지 수 해야 할 것. 질문을 수정 해 주시겠습니까? 특히 '해당 형식의 모든 HTML이 업데이트됩니까?'라는 의미는 무엇입니까? –

+0

나는 내 편집이 너에게 의미가되기를 바란다 :) – techypaul

답변

0

해결 방법 : 코드를 쿠키에 저장하십시오. 따라서 URL 막대를 보는 모든 사람에게 보이지는 않습니다. 그런 다음 모든 onclick에서 URL에 맞춰 사용자를 "올바른"페이지로 보냅니다.

또는 선택 옵션의 값을 문자 그대로 CODE으로 읽으십시오. onclick은 "사용자가 아직 코드를 설정하지 않았습니다."라고 해석합니다. 사용자 유형이 코드에서 변수에 저장하는 경우 (예에서 아래 realcode), 당신은이 작업을 수행 할 수 있습니다

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

안녕하세요, 두 번째 옵션은 다른 페이지에서 사용 된 코드를 가질 수있는 가치를 잃어버린 가치로 설정한다고 생각합니다. 마지막 수에는 옵션으로 제공해야하는 10 개의 서로 다른 URL이 있는데, URL 중 중간에 숫자가 필요합니다.이를 명확하게하기 위해 질문을 업데이트했습니다. 나는 이것을 밖으로 시험해보고, 다시 떨어지는 것에 대해 감사 할 것이다! – techypaul

+0

음, 두 번째 부분에서는 window.location을 읽기 위해'$ (document) .ready()'를 사용할 수 있습니다. 그리고 CODE라는 단어가 올바른 위치에 있으면, 그 답은 나의 답안에서 보여지는 바꿉니다 그렇지 않으면 CODE라는 단어를 사용하십시오. –

관련 문제