seletec 후 텍스트 상자 드롭 다운

Question

방금 ​​선택한 번호를 기반으로 텍스트 상자를 자동으로 드롭 다운하는 방법을 묻기를 원했습니다. 예를 들어 2,3,4,5 등의 드롭 다운 값이 있습니다. 2를 클릭하면 두 개의 텍스트 상자가 나타납니다. 3이 값이 3이면 감사합니다. 대단히 감사합니다.

Answer 1

<?php 
    if(isset($_REQUEST["value"])){ 
     $num = $_REQUEST["value"]; 
     for($loop =1; $loop <=$num; $loop++){ 
      ?> 
       <div>TextBox <?php echo $loop;?><input type = 'text' name = "input_box_<?php echo "$loop ";?> "> 
      <?php 
     } 
    } 
?> 
<form method = "post"> 
Select Number 
<select name = "value"> 
    <option value='1'>1</option> 
    <option value='2'>2</option> 
    <option value='3'>3</option> 
    <option value='4'>4</option> 
    <option value='5'>5</option> 

</select> 
<input type ="Submit" /> 

Answer 2

select 요소의 값에 따라 input 텍스트를 자동 숨기기/자동 표시 하시겠습니까? 이런 식으로 뭔가 작업을해야합니다 :

<select id="theSelect"> 
    <option value="0">Select an option...</option> 
    <option value="1">1</option> 
    <option value="2">2</option> 
    <option value="3">3</option> 
</select> 
<input type="text" id="theText" style="display:none;" /> 

그리고 당신의 jQuery 코드에서 : 당신은 물론, 표시/숨기기 부분에 대해 서로 다른 애니메이션을 사용할 수 있습니다

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

. 하지만 기본 아이디어는 기본적으로 숨기고 있다는 것입니다.이 예의 경우 인라인 CSS를 사용했지만 기존 CSS 파일을 그대로 쉽게 사용할 수 있습니다. select 값이 변경되면 일부 조건에 따라 표시/숨기기가 가능합니다. .