Добавить желаемое количество входных текстовых полей

0

Я только начал кодировать, и я не знаю много. Мое желание состоит в том, чтобы нажимать кнопку, когда при нажатии открывается раскрывающееся меню с цифрами (1,2,3,4). Поэтому, когда выбрано число, например, 2, после последнего текстового поля будут добавлены два текстовых поля. Это то, что у меня есть сейчас:

<script type="text/javascript">
    $(function(){
        var counter = 0;
        $('#addinput').click(function(){
            $('<input class="search" style="margin-bottom:4px; display:none;" type="search" autofocus="autofocus" name="word' + counter++ + '"/>').appendTo('#inputs').fadeIn(400);
        });

        $('#button').click(function(){
            $('.search').each(function(){
                var $this = $(this);
                if(!$this.val()){
                     $this.remove()
                }
            });    
        });
    }) 
</script>

Спасибо вам всем!

Теги:

1 ответ

3
Лучший ответ

сделал jsfiddle, чтобы помочь вам начать работу.

http://jsfiddle.net/kasperfish/89jGS/2/

<select id="number" >
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
</select>
<span id="textfields"></span>



$(function() {

  $('#number').change(function(){
      $('#textfields').html('');
      val= $(this).val();     
      for (i=0;i<val;i++){
          $('#textfields').append('<input type="text" name="'+i+'">');
      }      

  });  


});
  • 0
    обновил ответ ... добавил атрибут имени в поле ввода

Ещё вопросы

Сообщество Overcoder
Наверх
Меню