2013-11-27 1 views
0

У меня есть javascript, который показывает и скрывает параметры из html-формы. То, что я пытаюсь сделать, - это возможность для пользователя добавлять новую категорию, а затем записывать ее в базу данных в качестве опции и добавлять эту тему в форму варианта.Как добавить еще один вариант на сайт и

Вот пример кода HTML,

<select id="team1" name="team1" style="display:none"> 
<option value="subcat1">subcat1</option> 
<option value="subcat2">subcat2</option> 
<option value="subcat3">subcat3</option> 

я тогда хочу, чтобы иметь возможность добавить еще subcat4 через веб-сайт.

javascript, который я использую, является оператором if с показом и скрывается от разных элементов.

Пользователь должен иметь возможность ввести название категории и добавить его к соответствующему выбору.

В настоящее время я не уверен, как это сделать, чтобы добавить и сохранить новый subcat4 в базу данных и в html.

Любая помощь будет оценена по достоинству.

ответ

1

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

Тогда у вас может быть форма, которая публикует заполненную информацию и сохраняет подкатегории в базе данных. Эта форма может содержать идентификатор вашего выбора для знания, в котором вы выбираете новый параметр. Это может быть скрытый ввод.

здесь идет простой пример этой формы

<form method='post' action='/your/action/here' > 
    <input type='hidden' name='main_category' value='team1' /> 
    Subcategory: <input type='text' name='subcategory' value='' /> 
    <input type='submit' name='submit_btn' value='submit' /> 
</form> 

Вы также можете сделать это без перезагрузки страницы с помощью Ajax пост (это должен быть ваш следующий шаг, сделать его первым работать простым способом) для хранения информацию, а затем добавив опцию к вашему выбору с помощью javascript. Проверьте jquery append или appendChild(), если вы не используете jquery.

+0

ОК, спасибо, я попробую, что я пытаюсь избежать jquery, так как я предпочитаю делать только js – RipperStatic

+0

im с помощью append child() document.getElementById ("category"). AppendChild (newListItem); но блуждал, так как у меня есть 3 выбора, я хочу, чтобы они могли выбирать так, чтобы отдел их в категории был для своего отдела, мне нужно будет использовать var с appendchild? все еще изучая, как кодировать :) – RipperStatic

+0

Каждый выбор должен иметь другой атрибут id. Вы используете этот идентификатор здесь, чтобы указать, в каком элементе добавить document.getElementById («нужный идентификатор идет здесь») –

0

С помощью jquery вы можете сделать этот код, чтобы добавить нового ребенка в свой элемент select.

$('#team1').append('<option value="subcat4">subcat4</option>'); 
Смежные вопросы