2011-12-06 8 views
2

답이 여러 개인 설문 조사 질문을 만들고 있습니다.jquery 복제 된 텍스트 상자의 값을 가져 오는 방법은 무엇입니까?

textbox을 복제하는 button이 있습니다. 그러나 코드 백의에서 textbox 복제 된 값을 얻으려면 어떻게해야합니까?

function generateRow() { 
     if (totalans == 9) { 
      $('#<%= label2.ClientID %>').html('<b>Maximum of 10 answers per questions reached</b>'); 
     } 
     else { 
      $("#ans").clone().prependTo("#ans2"); 
      totalans = totalans + 1; 
     } 

// #의 ANS는 부문이다 :

여기 내 코드입니다.

누구든지 나를 도와 줄 수 있습니까? 나는 그것을 얻으려고 노력했다.

String bla = tb_ans.ToString(); String[] splitAnswer = bla.Split(','); int a = splitAnswer.Length;

// tb_ans 뒤에

// C# 코드 내 텍스트 상자 ID입니다.

나는 어레이를 사용하려고 시도했지만 다른 것들을 덤프하는 동안 처음에는 textbox 값을 얻은 것으로 보인다.

옵션 하나 :

+0

을 당신은 당신이 복제하는 것을의 ID를 변경해야합니다. 2 개의 요소는 ID를 공유 할 수 없습니다. –

+0

추가 정보 : 버튼을 최대 8 번 복제 할 수 있습니다. 그 때문에 특정 ID를 할당하면 유용하다고 생각하지 않습니까? 아니? –

답변

1

당신의 코멘트를 본 후에 내가 내 대답 수정했습니다

function generateRow() { 
    if (totalans == 9) { 
     $('#<%= label2.ClientID %>').html('<b>Maximum of 10 answers per questions reached</b>'); 
    } 
    else { 
     totalans = totalans + 1; // same as totalans++; 
     $("#ans").clone().attr({id: "ans_clone_" + totalans, name: "ans_clone_" + totalans}).prependTo("#ans2"); 
     // then you can loop through each input using the totalans variable. 
    } 
+0

예. 감사합니다. 그러나 그것은 8 번 클론 할 수있을 것이다. 그 8 줄을 써야한다는 뜻입니까? –

+0

totalans 변수를 포함하도록 답을 변경했습니다. 각 입력을 차례대로 반복 할 수 있습니다. – sirmdawg

+0

솔루션에 감사드립니다. 그러나, 지금 뒤에있는 코드에서 값을 얻는 방법에 혼란 스럽습니까? –

0

당신은 바로 팝업 여기에 두 가지 옵션이 대신 클론의, 서버 측을 생성하고 필요한 때까지 숨길 - 당신이 그들을 필요로 할 때를 보여주기 위해 표시를 변경합니다.

옵션 2 : 텍스트 상자 복제 값을 ajax를 통해 서버로 보냅니다.

개인적으로 두 번째 방법은 복제 된 상자를 사실상 무제한으로 만들 수 있으며 처리 할 서버에 값을 보낼 수 있습니다. 코드에서부터 부분적으로 처리 할 수 ​​있습니다.

+0

옵션 2에 대해 더 설명해 주시겠습니까? 코드를 작성하는 데 사용 된 것처럼 서버에 값을 보내는 것이 더 좋을 것입니다. –

0

양식을 제출할 때 요소 값이 dom에 이름별로 게시되므로 텍스트 상자를 복제 할 때 이름을 변경하고 모든 텍스트 상자 값을 서버 측에서 원하면 고유 한 이름을 지정해야합니다.

+0

음 ... 나는 당신이 의미하는 것을 이해하지 못합니다. –

0

복제본에 고유 한 ID를 설정해야 javascript를 통해 액세스 할 수 있습니다. 양식의 일부로 서버에 고유하게 제출하려는 경우에도 고유 한 이름을 설정하십시오.

$("#ans").clone().attr({id: "ansClone2", name: "ansClone2"}).prependTo("#ans2"); 
관련 문제