-3

送信を押したときにドロップダウンリストで選択された情報を取得し、同じページ内の表に表示される情報を取得する方法を知る必要があります。

ドロップダウンリストを作成しました：

<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>

ありがとう

4

1 に答える 1

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;
};
于 2013-09-25T20:55:14.877 に答える