드롭 다운 목록에서 선택한 값에 따라 서식 표시

Question

내 프로그램에는 두 가지 양식이 있습니다. 난 그냥 값 양식 드롭 다운 목록을 선택한 후 각 양식을 표시하고 싶습니다. 나는 여러 번 시도했지만 성공하지 못했습니다. 나는 프로그래밍가가별로 없습니다. 또한 드롭 다운 목록에서 선택한 값을 페이지를 다시로드 한 후에도 남아 있어야합니다. 누군가가 나에게 PHP, 자바 스크립트 또는 jquery를 사용하여 해결할 수 있다면 큰 도움이 될 것입니다.

Answer 1

일부 코드가 유용 할 수 있습니다. 하지만 어쩌면이 (이것은 jQuery를 사용) 올바른 방향을 가리 킵니다 :

<select name="formType" id="formType"> 
    <option value="Type A">Type A</option> 
    <option value="Type B">Type B</option> 
</select> 
... 
<form id="formA"> 
    ... 
</form> 
<form id="formB"> 
    ... 
</form> 

<script type="text/javascript"> 
$(function() {//on document load 
    $('#formA').hide(); 
    $('#formB').hide(); 
    $('#formType').change(function(){ 
     showForm($(this).val()); 
    }); 

}); 

function showForm(myFormType){ 
    if(myFormType == 'Type A'){ 
     $('#formA').show(); 
    } 
    else{ 
     $('#formB').show(); 
    } 
} 
</script> 

Answer 2

이 솔루션은 당신이 선택에 또는 경우에 따라 변경되는 페이지에 모두 형성하고 하나 개의 전시를 할 것인지 여부에 따라 달라집니다 페이지를 다시로드하여 올바른 양식을 표시하려고합니다.

첫 번째 솔루션은 (이 경우와 jQuery를) 간단한 자바 스크립트입니다 :

$(document).ready(function() { 
    $('.group').hide(); 
    $('#option1').show(); 
    $('#selectMe').change(function() { 
     $('.group').hide(); 
     $('#'+$(this).val()).show(); 
    }) 
}); 

전체 예를 들어 http://jsfiddle.net/eYzSb/를 참조하십시오.

두 번째 해결책은 Ajax 또는 PHP로 수행 할 수 있으며 나중에이 대답을 업데이트 할 예정입니다.

Answer 3

<select> 
<option value="" selected="selected"></option> 
<option value="form_1">Form 1</option> 
<option value="form_2">Form 2</option> 
<option value="form_3">Form 3</option> 
</select> 

<form name="form_1" id="form_1" style="display:none"> 
<input type="text" value="1"> 
</form> 

<form name="form_2" id="form_2" style="display:none"> 
<input type="text" value="2"> 
</form> 

<form name="form_3" id="form_3" style="display:none"> 
<input type="text" value="3"> 
</form> 

JS는 :

$("select").on("change", function() {  
    $("#" + $(this).val()).show().siblings().hide(); 
}); 

demo