javascript - Javascript 获取信息下拉列表并应用条件

Question

我需要知道当我按下提交时如何在下拉列表中选择信息，然后在同一页面的表格中显示信息。

我创建了下拉列表：

<select>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

如果我选择沃尔沃在 td 内显示，请告诉我如何显示：

<table>
<tr>
<td></td>
</tr>
</table>

谢谢

Answer 1

给你的元素一个唯一的 ID 属性，这很容易做到：

工作 jsFiddle 示例

HTML：

<select id="mySelect">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>
<table id="myTable">
    <tr id="tr-1">
        <td id="td-1"></td>
    </tr>
</table>
<input id="mybutt" type="button" value="Click Me">

Javascript：

document.getElementById('mybutt').onclick = function() {
    var selcar = document.getElementById('mySelect').value;
    //alert(selcar);
    document.getElementById('td-1').innerHTML = selcar;
};