0

ボタンを使用せずに、リストから選択した後に表示される値を取得するにはどうすればよいですか。選択リストの onChange イベントを実装しようとしましたが、ボタンを廃止しましたが、機能しません。オプション (a,b,c) を選択した後、値 (1,2,3) を選択ボックスの下に表示したいと思います。

<script>
    function displayResult() {

        this.nextSibling.nodeValue = document.getElementById("mySelect").value;
    }
</script>
<body>
    <form>
        <select id="mySelect" style="width:220px">
            <option value="1">a</option>
            <option value="2">b</option>
            <option value="3">c</option>
        </select>
    </form>
    <button type="button" onclick="displayResult.call(this)">List Locations</button>

http://jsfiddle.net/8ZkR2/

4

3 に答える 3

0

JQueryを使用している場合、これを行うことができます：

HTML:

<form>
    <select id="mySelect" style="width:220px">
        <option value="1">a</option>
        <option value="2">b</option>
        <option value="3">c</option>
    </select>
    <div id="myDiv"></div>
</form>

JS:

$(document).ready(function() {
    $('#mySelect').on('change', function () {
        $('#myDiv').html(this.value);
    });
});

フィドル: http://jsfiddle.net/qv7cj/

于 2013-10-31T21:58:15.193 に答える