3

私はjavascriptが初めてで、コードは次のようになります

HTML の場合:

<select name="dropdown" onChange="javascript: alertUser()" >
<option value="0" selected>Eat</option>
<option value="1">Work</option>
<option value="2">Sleep</option>
<option value="3" >Enjoy</option>

JavaScript の場合:

function alertUser()
{
    confirm("Are you sure?");
}

さて、ここに私の問題があります。

ドロップダウンから要素を選択すると、「Are you Sure?」という確認ダイアログがポップアップ表示されます。[OK] をクリックすると、選択が選択された値に変更されます。キャンセルすると、選択した値がドロップダウン リストで以前に選択した値にリセットされます。

誰でも問題を解決するのを手伝ってくれませんか。

ありがとうございました

4

2 に答える 2

0

「selectedIndex」メソッドを使用した代替方法を次に示します。

http://jsfiddle.net/thetenfold/UjYg2/

html

<select name="dropdown">
    <option value="0" selected>Eat</option>
    <option value="1">Work</option>
    <option value="2">Sleep</option>
    <option value="3">Enjoy</option>
</select>

JavaScript

function addEvent(elem, type, func) {
    if (elem.addEventListener) {
        elem.addEventListener(type, func, false);
    } else if (elem.attachEvent) {
        elem.attachEvent('on' + type, func);
    }
}

addEvent(window, 'load', function () {

    var select = document.getElementsByName('dropdown')[0],
        last = select.selectedIndex;
    addEvent(select, 'change', function () {
        if( confirm('Are you sure?') ) {
            last = select.selectedIndex;
        } else {
            select.selectedIndex = last;
        }
    });

});
于 2013-08-10T08:51:06.963 に答える