2010-06-10 9 views
0

다음은 내 작업을 위해 작업하고있는 사이트 목업입니다 (http://dev.arm.gov/~noensie/dqhands/cgi-bin/explorer). 나는 아직 웹 초보자이며 다른 페이지로 전달할 목록 항목에 양식 값을 배치하는 데 도움이 필요합니다.목록 항목의 양식 값

나는이 웹 사이트의 목적을 상세하게 설명하지는 않지만 기본 사용 측면에서 요청의 가운데 열에있는 매개 변수를 선택하고 오른쪽 열에있는 목록에 추가하려면 "요청 추가"버튼이 표시됩니다. 목록이 채워지면 사용자가 선택한 요청을 제출하면 선택한 요청 (또는 동일한 항목에 추가)에 따라 다른 페이지로 연결됩니다.

마지막 문장은 내가 문제가있는 곳입니다. 현재 오른쪽 열에있는 목록의 각 요청은 <li> 요소이며 다음 페이지로 전달해야하는 속성 값을 지정합니다. 나는 같은 값을 가진 숨겨진 입력을 삽입하려고 시도했지만, 여전히 그것을 활용하는 방법을 모르겠다; 숨겨진 입력을 사용하는 것이 올바른 방법인지는 확실하지 않습니다.

또한 "제출 요청"버튼은 < 양식 > 블록 외부에 있습니다. 나는 자바 스크립트와 jQuery를 사용하여 버튼이 < 양식 > 블록의 값을 직렬화 할 수있게했지만 꽤 할 수있는 방법은 모른다.

자바 스크립트 코드 (index.js)를 살펴보고 나를 죽이거나 내 코드를 살펴보십시오. 그것은 여전히 ​​꽤 초등하고 짧습니다 (~ 260 라인, 짧은 권리입니까?). 나는이 문제에 대해 도움을 줄 것이다. (사실 다른 문제 나 더 나은 구현 방법을 본다면 그 사실을 언급하고 그 사실을 언급한다.) 팁, 조언, 코드 샘플 또는 기타 기여할 수있는 내용이 있으면 크게 환영 할 것입니다.

트라이

편집 : 나는

답변

2

당신은 숨겨진 입력 필드를 사용해야하는 서버 측 언어로 파이썬을 사용하고 있습니다.

그것은 당신이 사용하는 공상 어떤 서버 측 언어에 따라 달라집니다,하지만 난 당신의 숨겨진 필드에 다음과 같은 명명 규칙 가고 싶어 :

request[][site] 
request[][datastream] 
request[][facility] 
request[][date] 

은 "[]"표기가 배열에 데이터를 배치 (PHP는 최소한). 게시 된 데이터는 다음과 같이 그러므로 반복 될 수있다 :

foreach($_POST as $request) { 
    $theSiteForThisRequest = $request["site"]; 
    $theDatastreamForThisRequest = $request["datastream"]; 
    $theFacilityForThisRequest = $request["site"]; 
    $theDateForThisRequest = $request["date"]; 
} 

시도하고 당신이 할 수있는 경우 <form> 내부 버튼을 제출 얻을,하지만 당신이 할 수없는 경우 다음

$('#yourSubmitButton').bind('click', function() { 
    $('#yourForm').submit(); 
}); 
+0

이 모형을 확인 다시 사이트; 내가 작성한 jQuery 코드를 구현했다. 이제 문제는 숨겨진 입력이 urlbar에 직렬화되지 않는다는 것입니다. ??? –

+0

오, 신경 쓰지 마세요. 각 입력에 대해 이름이 인 것을 잊어 버렸습니다. 고마워, 효과가 있었다! 나는 감사의 말로 식사를 할 수 있기를 바란다. http://twitter.com/trinonsense/status/15880648397 LOLZ –

+0

평판이 stackoverflow의 빵과 버터로, 나는 대답을 받아 들일뿐 아니라 upvote가 그 점심 대신 먼 길을 온다고 생각한다;) –