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属性，这很容易做到：

Working jsFiddle example

<强> 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;
};