Функция для создания / добавления другого окна выбора (выпадающего)

Question

Мне нужно найти поле для вставки / добавления поля <select> (выпадающего) по нажатию кнопки.Я хочу, чтобы каждый щелчок по кнопке продолжал добавлять новые <select>.

Проверенные некоторые функции javascript / jquery, и, поскольку у меня нет большого опыта, мне не повезло!

Edit: Извините, я просто отвечал на мой вопрос с помощью других вопросов для тех, кто бродит, просто просмотрите исходный код на этом.PHP в списке, поэтому у меня были дополнительные проблемы с этим, но теперь все хорошо.

Спасибо

Answer 1

Вы можете создать элемент <select> (или любой другой элемент) с помощью $("<select/>");
Функцию append можно использовать для добавления HTML в элемент.

Комбинируя их, вы получите:

$("#buttonToAddDD").click(function () {
    var newDD = $("<select/>");
    $(newDD).append("<option>New Option 1</option>");
    $(newDD).append("<option>New Option 2</option>");
    $("#whereYouWantToAddNewDD").append(newDD);
});

<div id="whereYouWantToAddNewDD"></div>
<input type="button" id="buttonToAddDD" value="Add DD" />

Answer 2

Извините, просто любопытно ответил на мой собственный вопрос с помощью других вопросов всем, кто бродил, просто просмотрите исходный код на этом.реализовать несколько php в списке, чтобы у меня были дополнительные проблемы с этим, но теперь все хорошо.

Спасибо

Answer 3

Динамически создавать / удалять html-код легко с JQuery, как объяснено выше Адамом. Однако будьте осторожны, чтобы предоставить пользователям возможность их удаления. Лучшим способом было бы добавить идентификатор в поле выбора и предоставить span / div с закрывающим знаком 'X' при щелчке, который можно удалить полностью

 $(document).ready(function(){
{
     $("#close").click({function(){

     $("#selectid").remove(); // to remove the select
     $("#selectid").hide(); //this would hide it but when submitted, the default/selected option shall still be submitted
     $("#close").remove();
     }):
});