【问题描述】
(1)下拉菜单选中的食物在最下面显示;
(2)在添加食物的输入框中输入文本,点击“添加选项”按钮将文本添加到下拉菜单的选项中。
【解决】
(1)
<select id="food_selection" onchange="func(this.value)"> <option value="汉堡">汉堡</option> <option value="意大利面">意大利面</option> </select> <p id="text1">你选择的食物:汉堡</p>
function func(val){ text1=document.getElementById("text1"); text1.innerHTML = "你选择的食物:" + val; }
(2)
<input id="new_option" type="text"></input> <input type="button" value="添加选项" onclick="add_option(new_option.value)"/>
function add_option(val){ var op = new Option(val); food_selection.add(op); }