옵션 번호를 기반으로 옵션 필드를 수동으로 입력하십시오

Question

도움이 필요합니다. 요소 수에 따라 일부 요소 (단어)를 입력해야합니다.이 요소 번호는 옵션으로 지정됩니다. 예를 들어, 선택한 옵션이 4 일 경우 채워질 요소가있는 4 개의 빈 필드가 나타납니다. 누구든지 나를 도울 수 있습니까?

Answer 1

JavaScript/HTML을 통해이 모든 작업을 수행 할 수 있습니다. 당신이 jQuery를에 관심이 있다면

document.getElementById("create").addEventListener("click", function() { 
 
    var container = document.getElementById("container"); 
 
    
 
    for (var i = 0, len = document.getElementById('fields').value; i < len; i++) { 
 
    var inputElement = document.createElement('input'); 
 
    inputElement.type = "text"; 
 
    container.appendChild(inputElement) 
 
    } 
 
});

Fields needed: <input type="text" id="fields" value="4" /><br /> 
 
<button id="create">create</button> 
 
<div id="container"> 
 
    
 
</div>

:

$("#create").click(function() { 
 
    $container = $('#container'); 
 
    for (var i = 0, len = parseInt($("#fields").val()); i < len; i++) { 
 
    $('<input>') 
 
     .attr('type','text') 
 
     .appendTo($container); 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
Fields needed: <input type="text" id="fields" value="9" /><br /> 
 
<button id="create">create</button> 
 
<div id="container"> 
 
    
 
</div>