Я посетил веб-сайт несколько недель назад и наткнулся на динамическое выпадающее меню. Я наткнулся на функциональность, которую я сейчас пытаюсь воспроизвести, но не знаю, как это сделать. В выпадающем меню вы выбрали нужное количество автомобилей, а затем подтвердили поля ввода в соответствии с количеством выбранных автомобилей. Я считаю, что это было сделано через javascript, и был задействован цикл. Есть ли термин для этого действия или способ отображения вещей? Также поможет пример того, как выполнить что-то подобное?Динамическое раскрывающееся меню через php
ответ
Это делается с помощью Java Script, и здесь намек
создать DIV и положить исходные данные, которые вы хотите внутри него
<div id='controls'>
<input type="text" name="car_name" />
</div>
и использовать событие изменения JQuery вы можете перебирать вид элементов управления DIV
т.е. если у вас есть DIV с идентификатором контейнера, в котором вы будете размещать новые элементы управления
$('select').change(function(){
var number = parseInt ($(this).val());
//And do for loop here
for (var i=1;i<=number;i++){
$('#controls').clone().appendTo($('#container');
}
});
Пожалуйста, повысьте этот код в соответствии с вашими требованиями.
Маловероятно, что это будет сделано с PHP, так как это потребует обновления страницы. Скорее всего, это будет сделано при прослушивании Javascript события onChange элемента Select (выпадающего меню). Когда событие обнаружено, Javascript может отображать/скрывать элементы div (по одному для каждого автомобиля) или динамически создавать/уничтожать их.
Если вы хотите без обновления, вам нужно использовать JavaScript, я сделал один пример здесь с помощью JQuery: HTML код
<label>How many cars?</label>
<select>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<div id="fields"></div>
JAVASCRIPT КОД
$('select').change(function() {
var option = $(this).val();
showFields(option);
return false;
});
function showFields(option){
var content = '';
for (var i = 1; i <= option; i++){
content += '<div id="field_'+i+'"><label>Car '+i+'</label><br /><label>Model:</label> <input id="model_'+i+'" /><br /><label>Maker:</label> <input id="maker_'+i+'" /><br /><label>Year:</label> <input id="year_'+i+'" /><br /><div><br />';
}
$('#fields').html(content);
}
Здесь пример: http://jsfiddle.net/zbzjm/1/
- 1. Динамическое раскрывающееся меню - PHP
- 2. Динамическое раскрывающееся меню PHP
- 3. Динамическое раскрывающееся меню PHP Mysql
- 4. Динамическое раскрывающееся меню со ссылкой
- 5. Юзабилити: динамическое раскрывающееся меню Население
- 6. Динамическое раскрывающееся меню SelectBox в Rails Проблема
- 7. Как выбрать динамическое раскрывающееся меню по умолчанию?
- 8. динамическое раскрывающееся меню, заполненное данными mysql
- 9. Как добавить динамическое раскрывающееся меню в javascript?
- 10. Динамическое раскрывающееся меню дает странные результаты
- 11. RoR - динамическое раскрывающееся меню с флажками
- 12. AJAX через неупорядоченный список (раскрывающееся меню)
- 13. Динамическое меню в PHP
- 14. Вставка динамической информации в базу данных (динамическое раскрывающееся меню)
- 15. Разбор строки, в несколько массивов, в динамическое раскрывающееся меню
- 16. Как создать раскрывающееся меню
- 17. Динамическое раскрывающееся меню, отображающееся в зависимости от ширины окна браузера
- 18. Как сделать динамическое раскрывающееся меню исчезает, когда размер экрана увеличивается
- 19. PHP: раскрывающееся меню не вставляется в таблицу
- 20. Многомерный массив PHP MySQL - раскрывающееся меню
- 21. Создать раскрывающееся меню PHP из цикла for?
- 22. Добавить новое раскрывающееся меню динамически HTML/PHP
- 23. Меню Раскрывающееся меню Неверное отображение
- 24. Раскрывающееся меню динамически заполняет второе выпадающее меню
- 25. Третье раскрывающееся меню влияет на первое и второе раскрывающееся меню
- 26. PHP Динамическое меню с SQL
- 27. поколения динамическое меню в PHP
- 28. Динамическое меню php bootstrap mysql
- 29. Динамическое меню из массива PHP
- 30. Интеграция переполненных ссылок в динамическое раскрывающееся меню в конце списка меню
Я думаю, что лучше делать это с помощью javascript на стороне клиента. Здесь нет необходимости тянуть что-либо с сервера. Создавайте/копируем нужные элементы – lvil
@Ivil Хорошо, я буду следовать советам. Вопрос в том, как это делается? –