동적으로 추가 된 여러 입력을 HTML 형식으로

JavaScript를 사용하여 숨겨진 입력 필드를 추가하려고했지만 원하는 결과를 얻지 못했거나 완료하지 못했습니다.동적으로 추가 된 여러 입력을 HTML 형식으로

사용자가 드롭 다운 목록에서 값을 선택하면 숨겨진 필드를 양식에 추가하려고합니다. 드롭 다운 목록의 수는이 페이지 및 다른 유사한 페이지에서 동일하지 않습니다. 두 개보다 많거나 적을 수 있습니다.

사용자가 첫 번째 드롭 다운 목록에서 값을 선택할 때 여러 숨겨진 필드를 추가하고 다른 드롭 다운 목록에서 다른 값을 선택하면 추가 숨겨진 필드를 추가하고 모든 숨겨진 필드를 저장하려는 경우 ' 값.

예 : 사용자가 "3"을 선택하면 내가 원하는이 두 번째 목록에

<select id="s2"> 
    <option value="1">1</option> 
    <option value="2">2</option> 
    <option value="3">3</option> 
    <option value="4">4</option> 
</select>

: 사용자가 "2", 나는 2 개 숨겨진 필드를 추가 할 선택

<select id="s1"> 
    <option value="1">1</option> 
    <option value="2">2</option> 
    <option value="3">3</option> 
    <option value="4">4</option> 
</select>

경우 3 개의 추가 숨겨진 필드를 추가하지만 이전에 "s1"을 사용하여 이미 동적으로 추가 된 숨겨진 두 필드를 저장 (보존)합니다.

출처

2013-01-31 user1218364

당신은 당신의 모국어로 더 잘 설명 할 수 있습니다. 그래서 적어도 누군가 frd를 이해할 수 있습니다. 명확한 설명을 위해 –

개의 수정 된 질문입니다. 번역에서 의미가 없어지기를 바랍니다. –

나는이 일의 요지가 무엇인지 알지 못한다. 당신의 동기는 무엇인가? 숨겨진 필드를 동적으로 추가하는 for 루프에서 value = ""값을 사용할 수 있습니다. 따라서 옵션 값 = "3"을 선택하면 3이 입력 필드를 추가하는 함수로 전달됩니다. 그러나 다시, 숨겨진 필드를 추가 할 때의 요점은 무엇입니까? – lukeocom

솔직히 나는 당신이 무엇을 묻고 있는지 전혀 모르지만 ... 빠른 수정은 HTML에 적절한 구문을 사용할 수 있습니다.

즉

<select id"s2">

변경

에

<select id="s2">

출처

2013-01-31 10:27:26 Dukeland

이게 문제가 아니라 예를 들어 코드를 작성했습니다. 이전에 추가 한 숨겨진 입력을 저장하고 두 번째 값을 선택할 때 새로운 숨겨진 입력을 추가합니다 (예 : http : // www). thimbleopensource.com/tutorials-snippets/multi-ajax-input하지만 선택 가치가 있음 – user1218364

JQuery와 매우 유용 변화() 기능을 갖는다. 일부 사용

$(document).ready(function(){ 
    $("#s1").change(function(){ 
     var field_value = $(this).val(); 

     // then perhaps: 
     for(i = 0; i < field_value; i++){ 

     } 

     // or 
     if(field_value == 2){ 
      // do something 
     } 
    }); 
})

희망 이잖아 : 그래서 당신이 뭔가를 작성할 수 있습니다. Dukeland는 위의 매우 좋은 점도 가지고 있습니다.

출처

2013-01-31 10:52:42 Djave

동적으로 추가 된 여러 입력을 HTML 형식으로

답변

관련 문제