JavaScript를 통해 양식에 매개 변수 전달

Question

여러 매개 변수를 전달하는 양식이 있습니다. 지금까지 주식 매개 변수가 전달되고있다 : I은이 매개 변수 문자열에 추가로 폼 요소를 추가하려고 해요

var params = "title=" + document.getElementById("title").value + 
      "&url=" + document.getElementById("url").value + 
      "&snippet=" + document.getElementById("snippet").value + 
      "&tags=" + document.getElementById("tags").value + 
      "&status_bookmark=" + document.getElementById("status_bookmark").value + 
      "&comment=" + document.getElementById("comment").value + 
      "&status_comment=" + document.getElementById("status_comment").value; 

: 여기

var i, lng = document.getElementById('addbookmark').length; 
// If the length property is undefined, then there is only one checkbox. 
if (typeof lng === "undefined") { 
    params + "&topic-link-item-1=" + document.getElementById("topic-link-item-1").value; 
    params + "&topic-link-comment-box-1=" + document.getElementById("topic-link-comment-box-1").value; 
} 
else { 
    for (i = 0; i < lng; i++) { 
     params + "&topic-link-item-" + i + "=" + document.getElementById("topic-link-item-" + i).value; 
     params + "&topic-link-comment-box-" + i + "=" + document.getElementById("topic-link-comment-box-" + i).value; 
    } 
} 

을, 나는 코드에서 가져온 사용했습니다 another StackOverflow article에서 볼 수 있듯이, jQuery를 통해 다른 곳에서 생성하는 임시 양식 요소와 일치하는 일련의 쌍을 이루는 매개 변수를 작성하려고합니다.

그러나 이러한 값은 다른 양식 요소가 전달되는 동안 양식을 통해 전달되지 않는 것처럼 보입니다.

제안 사항?

업데이트 내가 제안에 따라 코드를 수정했습니다

,하지만 작동하지 않는 : 폼으로

var i, formObj = document.form['addbookmark'], formObjLng = document.form['addbookmark'].length; 
// If the length property is undefined, then there is only one checkbox. 
if ((typeof formObjLng !== "undefined")) { 
    for (i = 0; i < formObjLng; i++) { 
     if ((formObj.elements['topic-link-item-' + i].type == "checkbox") && (formObj.elements['topic-link-item-' + i].checked)) { 
      params = params + "&topic-link-item-" + i + "=" + encodeURIComponent(document.getElementById("topic-link-item-" + i)).value; 
      params = params + "&topic-link-comment-box-" + i + "=" + encodeURIComponent(document.getElementById("topic-link-comment-box-" + i)).value; 
     } 
    } 
} 

, 단순히 "addbookmark"의 ID와 양식의 , 그리고 이전에 내가 말한 것을 다시 말하면, 모든 것은 여기서 시도한 것을 제외하고는 모두 작동합니다.

Answer 1

코드에 2 가지 문제가 있습니다. encodeURIComponent 기능을 사용하여 값을 URL 인코딩해야합니다. 합치 할 때 또한 당신은 params 변수에 결과를 다시 지정해야합니다 추가하는 다른 값에 대한

var params = 
    "title=" + encodeURIComponent(document.getElementById("title").value) + 
    "&url=" + encodeURIComponent(document.getElementById("url").value) + 
    "&snippet=" + encodeURIComponent(document.getElementById("snippet").value) + 
    "&tags=" + encodeURIComponent(document.getElementById("tags").value) + 
    "&status_bookmark=" + encodeURIComponent(document.getElementById("status_bookmark").value) + 
    "&comment=" + encodeURIComponent(document.getElementById("comment").value) + 
    "&status_comment=" + encodeURIComponent(document.getElementById("status_comment").value); 

도 :

var i, lng = document.getElementById('addbookmark').length; 
// If the length property is undefined, then there is only one checkbox. 
if (typeof lng === "undefined") { 
    params += "&topic-link-item-1=" + encodeURIComponent(document.getElementById("topic-link-item-1").value); 
    params += "&topic-link-comment-box-1=" + encodeURIComponent(document.getElementById("topic-link-comment-box-1").value); 
} 
else { 
    for (i = 0; i < lng; i++) { 
     params += "&topic-link-item-" + i + "=" + encodeURIComponent(document.getElementById("topic-link-item-" + i).value); 
     params += "&topic-link-comment-box-" + i + "=" + encodeURIComponent(document.getElementById("topic-link-comment-box-" + i).value); 
    } 
} 

공지 사항을 방법 :

params += "&topic-link-item-" + i + "=" + encodeURIComponent(document.getElementById("topic-link-item-" + i).value); 

이는 다음과 같습니다 :

params = params + "&topic-link-item-" + i + "=" + encodeURIComponent(document.getElementById("topic-link-item-" + i).value); 

당신이 처음에 무엇을하고 있는지와 동일하지 않습니다 :

params + "&topic-link-item-" + i + "=" + encodeURIComponent(document.getElementById("topic-link-item-" + i).value); 

당신은 단순히 두 값을 연결 결코 다시 params 변수에 결과를 할당하지 않았다.

Answer 2

Javascript는 텍스트가 당신이 그것을하는 방식을 추가하는 것을 허용하지 않는다고 확신합니다.

PARAMS = params를 +