У меня есть раскрывающееся меню с параметрами «текст, текстовая область, раскрывающийся список, электронная почта» и т. Д. У меня также есть список ссылок, таких как текст, текстовая область и т. Д. Когда я нажимаю эту ссылку, создается соответствующий элемент html. то есть, если я нажимаю текст, создается текстовое поле. И если я щелкаю текстовую область, создается текстовая область.
Теперь я хочу, чтобы параметр, выбранный в раскрывающемся списке, был обновлен до значения выбранной мной ссылки, т. Е. Если я выберу раскрывающийся список, параметр, который будет выбран в раскрывающемся списке, должен быть «Выпадающий». я могу это сделать?
Вот мой раскрывающийся список:
<p class="fieldTitle" style="display: none;" >Field Type:</p>
<div id="selectFieldType">
<select id="fieldType" style="display: none;">
<option id="Text" value="Text" selected="selected" >Text</option>
<option id="Textarea" value="Textarea">Text Area</option>
<option id="Dropdown" value="Dropdown" >Drop Down</option>
<option id="Radio" value="Radio">Multiple Choices</option>
</select>
</div>
Это ссылки, которые у меня есть. Щелкнув по нему, я создаю этот конкретный элемент формы. Я также хочу, чтобы параметр в раскрывающемся списке был обновлен до этого имени элемента формы.
<div id="fb_contentarea_col1down">
<h6 class="page_heading">Common Fields:</h6>
<ul class="formfield">
<li><a href="#" id="text">Text</a></li>
<li><a href="#" id="textarea">Textarea</a></li>
<li><a href="#" id="dropdown">Dropdown</a></li>
<li><a href="#" id="radio">Multiple Choices</a></li>
</ul>
</div>
Функция jquery
$('#fb_contentarea_col1 a').click(function() {
fieldType=$(this).attr("id");
$("#fieldType option[value='" + fieldType + "']").attr ( 'selected' , 'selected' );
});