使用下拉列表中的选项更改元素ID

时间:2012-02-11 07:24:55

标签: php javascript html replace drop-down-menu

我尝试使用下拉列表中的值更改元素ID的天数。例如:

下拉:
第1项 第2项 第3项 ....
项目n

要素:
< div id =“$ the_selected_item”> < / div>

我不擅长php和javascript,所以如果你能帮助我,我将不胜感激,

感谢。

1 个答案:

答案 0 :(得分:1)

我做了一个jsfiddle:

<select id="test">
<option value="item1">item1</option>
<option value="item2">item2</option>
<option value="item3">item3</option>
<option value="item4">item4</option>
</select>

<div id="selected">test</div > ​

和这个jquery

$("#test").change( function() {
     jQuery('#selected').attr('id', jQuery(this).val());
});​

你可以在那里看到它:http://jsfiddle.net/c3teF/4/

获取选项的值并将其传输到div。