На моей странице есть комбинированная коробка с кнопкой добавления. Как создать новое поле со списком под исходным полем со списком, когда я нажал кнопку добавления? Если щелкнуть снова, это приведет к созданию другого поля со списком. Значение внутри каждого поля со списком вызывается из базы данных.Динамически добавьте новую поле со списком (выберите)
ответ
Вот пример, хотя вам придется самостоятельно выработать среднюю и конечную части.
Пример: http://jsfiddle.net/9hvbt/3/
JavaScript
$('#btnAdd').click(function(){
//Use Ajax to talk to your server (middle tier)
$.ajax({
url: '/echo/json/', //Replace with your URL to return Database data (JSON format)
dataType: 'json',
type: 'get',
success: function(data){
//Use the returned data to pass into CreateDropDown (Hard coded for an example)
CreateDropDown(["Item 1", "Item 2", "Item 3"]);
}
});
});
function CreateDropDown(data){
var $newSelect = $('<select />');
$.each(data, function(i, val){
$newSelect.append($('<option />', {
'text':val
}));
});
$newSelect.appendTo('#dropDowns');
}
HTML
<div id='dropDowns'>
<select>
<option>Item 1</option>
<option>Item 2</option>
<option>Item 3</option>
</select>
</div>
<input type='button' id='btnAdd' value="Add" />
EDIT
Вы должны также прочитал (а) jQuery's AJAX method
любые идеи с jquery? JQuery клон() поможет вам решить эту проблему
живой пример: http://jsfiddle.net/laupkram/6LBNs/
в случае вашей проблемы попытаться изучить это один
Ссылка u дала мне слишком много нагрузок. Не могу открыть его –
Подождите, пожалуйста, создайте живой пример для вас –
ok Я уже создал живой пример для вас –
- 1. Выберите и выберите опцию в поле со списком?
- 2. Динамическое перемещение поле со списком при изменении поля со списком?
- 3. Фильтровать поле со списком
- 4. Выберите элемент со списком XAML
- 5. Выберите со списком среди переменных
- 6. perl Шаблон: добавьте переменную рядом со списком
- 7. Python qt - выберите случайный элемент в поле со списком?
- 8. Добавить элемент («--- Выберите ---») в поле со списком с источником данных
- 9. динамически заполняет данные в поле со списком в Userform
- 10. Как разместить поле со списком?
- 11. Как очистить поле со списком?
- 12. Javascript help - поле со списком
- 13. Поле со списком полей Datagridview
- 14. Связать текстовое поле со списком
- 15. круглого поле со списком границы
- 16. jFrame о поле со списком
- 17. поле со списком в datagrid
- 18. Запрос доступа/поле со списком
- 19. Редактировать поле со списком Win32
- 20. МОФ поле со списком заполнения
- 21. Как стилизовать поле со списком?
- 22. Как создать поле со списком возможных значений
- 23. Использование текстового файла в поле со списком
- 24. Добавить текстовое поле с соответствующим списком динамически
- 25. Как каскадировать jQuery Мобильные поле со списком
- 26. Выберите отдельную запись со списком записей соединения
- 27. Выберите из списка со списком как свойство
- 28. Выберите одно значение поля со списком на основе другого значения поля со списком
- 29. скрыть текстовое поле, когда сбрасывается поле со списком
- 30. Выберите поле с первым списком записей
что вы наделали? – candyleung
Читайте о 'clone'. Я просто не знаю, как дать полный ответ. –
@MiaDiLorenzo У вас есть какая-либо ссылка? –