옵션을 선택할 때 입력 텍스트 추가

<select></select> 태그 사이의 특정 옵션을 선택한 경우 <input type="text">을 어떻게 추가 할 수 있습니까? 다른 옵션을 선택하면 jQuery를 사용하여 해당 텍스트 필드를 삭제할 수 있습니까?옵션을 선택할 때 입력 텍스트 추가

출처

2013-07-02 Sergiu

그리고 무엇에 다음

<select id="mylist"> <option selected></option> <option value="1" >aaaa</option> <option value="2">bbb</option> <option value="3">ccc</option> </select> <input id="id" type="text" style="display:none;" />

JQuery와

에서 얻을하도록 설정? – simonzack

나는 어디서부터 시작해야할지 모르겠다. 나는 모른다. 나는 누군가가 내 모든 일을하기를 원하지 않는다. 나는 그것에 관한 아이디어가 필요하다. – Sergiu

dom에서 추가/삭제 하시겠습니까, 아니면 숨기기가 충분합니까? –

당신은 change 이벤트를 사용해야한다. 그런 다음 입력을 생성하려는 값을 비교하여 body 또는 다른 요소에 추가 할 수 있습니다.

생활 예 : http://jsfiddle.net/MKPdb/

는 예를 들어, ID mylist으로,이 같은 목록을 갖는

$('#mylist').change(function(){ 
    if($(this).val() == '1'){ 
     $('body').append('<input id="myInput" type="text" />'); 
    }else{ 
     $('#myInput').remove(); 
    } 
});

생활 예 : http://jsfiddle.net/MKPdb/

는

<select id="mylist"> 
... 
</select>

이 사용할 수

출처

2013-07-02 08:47:55 Alvaro

매력처럼 작동합니다, 감사합니다! – Sergiu

환영 : – Alvaro

<select> 값을 얻으려면 .val() 메서드를 사용하십시오. 요소를 추가/제거하려면 몇 가지 옵션이 있습니다. 나는 그들 중 하나를 당신에게 줄 것이다 :

$('<input type="text" />').appendTo('body'); // Will append this element to <body> 
$('input').remove(); // Removes this item from the document

출처

2013-07-02 08:46:25 Eric

th를 표시하려면 엔 당신이 원하는 곳을 추가하고 시도 아무것도 표시되지 후 당신의 JS

$('#mylist').change(function(){ 
    if($(this).val() == '1'){ 
     $('#id').show(); 
    }else{ 
     $('#id').hide(); 
    } 
});

출처

2013-07-02 10:47:42

질문은 양식 요소를 보이지 않거나 숨기는 것을 추가/제거하는 것에 관한 것입니다. 차이점은 양식이 제출 될 때 숨겨진 양식 요소가 제출되지만 삭제 된 요소는 제출되지 않으므로 중요합니다. – 6opko

옵션을 선택할 때 입력 텍스트 추가

답변

관련 문제