Question

i m 试图获得要素选择的价值:

<div id="decorazioni_agg">Decorazioni aggiuntive:<br>
        <select id="decorazioni" name="decorazioni">
            <option class="option" value="smarties">Smarties</option>
            <option class="option" value="scaglie">Scaglette di
                            cioccolato</option>
            <option class="option" value="cheerios">Cheerios</option>
            <option class="option" value="chocopops">Choco 
                            Pops</option>
        </select><br>

        <input class="button" name="aggiungi" type="button" value="Aggiungi 
                    decorazione" onClick="add_decoration(decorazioni.value)">
    </div>

And this is the function add_decoration(obj):

function add_decoration(tipo)
{
if(tipo ==  smarties )
    add_smarties();
else
    add_something(tipo);
}

现在,这既与 Chrome和IE8合作,又与L.3.5不合作。

decorazioni is not defined

How can i do without using a bunch of switch so i can keep my code clean? Thanks in advance

Answer 1

onclick="var elem = document.getElementById( decorazioni ); add_decoration(elem.options[elem.selectedIndex].value);"

然而,最好利用适当的活动登记而不是在线活动。这里举一个 j,让纽子获得补助:

$( #buttonid ).on( click , function() {
    add_decoration($( #decorazioni ).val());
});

Answer 2

不受超文本约束的事件处理人员。

<input class="button" id="aggiungi" name="aggiungi" type="button" value="Aggiungi decorazione" />

document.getElementById( aggiungi ).onclick= function () {
    add_decoration(document.getElementById( decorazioni ).value);
};

友情链接