Проблемы несмотря на то, что создает появляться неудар в лунку

у меня есть проблема со следующим. Оказывается, что я хочу создать элементы неудар в лунку зависимые от количества, выбранного в select-option. Например, если выбирается стоимость select как 3, создавать этих 3 неудар в лунку и я схватил последовательно. до настоящего времени у меня есть следующее: Функция, которая получает стоимость и переменную с неударом в лунку, который я, должно быть, помещаю

function showInput() {
    getSelectElement = document.getElementById("vias").value;
    if (getSelectElement == 0) {
        alert("Seleccione un numero válido");
    }else{

        construirInput = 1;
        while( construirInput <= getSelectElement){
            colocar = "<div class='col-md-4 col-sm-4 col-xs-10 '><label class='form-check-label'>Calle</label><input class='form-control' type='text' placeholder='Ingresar Calle' name='calle'></div><div class='col-md-3 col-sm-3 col-xs-10 '><label class='form-check-label'>Por calle</label><input class='form-control' type='text' placeholder='Por Calle' name='cruceA[]'></div><div class='col-md-3 col-sm-3 col-xs-10 '><label class='form-check-label'>Y</label><input class='form-control' type='text' placeholder='Y' name='cruceB[]'></div>";

            $('#ubicacion').html(colocar);
            construirInput++;
        }

    }
}

в то время как select перечислены с одного до 10 как:

<select name="vias" id="vias" class="form-control" onchange="showInput()">
    <option value="0">Selecciona</option>
    <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>
    <option value="6">6</option>
    <option value="7">7</option>
    <option value="8">8</option>
    <option value="9">9</option>
    <option value="10">10</option>
</select>

чтобы div размещает только с идентификацией = "расположение". Они могут помогать мне с этим...

0
задан 09.11.2019, 19:34
1 ответ

SГіlo я сделал ему одни pequeГ±as изменения:

  1. AgreguГ© элемент div с id="ubicacion".
  2. В событии onchange из элемента select, envГ - или this как parГЎmetro, для того, чтобы estГ© доступный в ней funciГіn showInput() и asГ - получать стоимость select.
  3. И cambiГ© цикл while из-за цикла for (они мне нравятся mГЎs jeje).

cГіdigo quedarГ - во что-то asГ-:

function showInput(select) {
    var str = '';
    if (select.value == 0) {
        alert("Seleccione un numero válido");
    }else{
    	/*Ciclo para que se ejecute el numero de veces*/
    	for (var i = 0; i < select.value; i++) 
			str+='<input type="text" ><br>';
		$('#ubicacion').html(str);

    }
}
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<select name="vias" id="vias" class="form-control" onchange="showInput(this)">
    <option value="0">Selecciona</option>
    <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>
    <option value="6">6</option>
    <option value="7">7</option>
    <option value="8">8</option>
    <option value="9">9</option>
    <option value="10">10</option>
</select>
<div id="ubicacion">
</div>
2
ответ дан 01.12.2019, 12:10