6

選択があり、メニューでクリックしたときに選択した内容に応じて、異なる JavaScript 関数を実行したいと考えています。私のグーグルは実りがありませんでした.誰かが私を正しい物件に導くことができますか? (たとえば、onclick はボタンでうまく機能することを知っています)。助けてくれてありがとう！

編集: 私のコードでは onchange が機能しません。

<head>
    <script>
        function goToDelete(){
            document.write("Death to this webpage!")
        }
    </script>
</head>
<form id="checkboxes" method="post" action="someurl">
    <tr>
        <td><input type="checkbox" name="Selection"/></td>
        <td>Some more rows to the table here</td>
    </tr>
    <select name="action">
        <option value="Delete" onchange="goToDelete()">Delete</option>
    </select>
4

4 に答える 4

7

change/onchangeイベントを使用することをお勧めしますが、これはユーザーがoption以前に選択されていないイベントを選択した場合にのみ発生します (したがって名前)。

使用方法の簡単なデモンストレーションchange(Chrome 27/Windows XP でテスト済み):

var select = document.getElementById('demo');

function logValue() {
    switch (this.value) {
        case '1':
            console.log('option 1 selected');
            break;
        case '2':
            alert('option 2 selected');
            break;
        case '3':
            confirm('You chose option 3, didn\'t you?');
            break;
    }
}

select.addEventListener('change', logValue, false);

JS フィドルのデモ。

change/イベントは要素ではなく、要素onchangeにバインドする必要があることに注意することが重要です。自体は変更されず、それらを選択すると変更がトリガーされます。selectoptionoption

参考文献:

于 2013-06-17T19:22:45.370 に答える