Add event on HTML select using javascript

Question

I need to add a function on onchange event of a html select using javascript. I need to do it with javascript because if i don't use it IE doesn't work. I write this code:

<script>
    <?php foreach($this->segnali as $segnale) : ?>

        var div = document.getElementById("segnali");
        var select = document.createElement("select");
        select.onchange = ciao;
        div.appendChild(select);

        var opt = document.createElement('option');
        opt.setAttribute("value", "1");     
        opt.setAttribute("id", "input");    
        opt.text = "Settimanale"; 
        select.add(opt);
        var opt = document.createElement('option');
        opt.setAttribute("value", "2");     
        opt.setAttribute("id", "input");    
        opt.text = "Mensile"; 
        select.add(opt);

<?php endforeach; ?>

function ciao() {
    alert("ciao");
}
</script>

This work but i need to pass a parameter to ciao function. How can i do that? It must works with FF, Chrome and IE. Thanks, Mattia

Unless that loop only executes once, you're going to be outputting MULTIPLE identical copies of the same JS - you're not insert any PHP variables in the JS, so you'll be adding a new select/option set each time the loop runs. — Marc B
– Marc B, Commented Nov 10, 2011 at 15:02

epascarello · Accepted Answer · 2011-11-10 14:46:07Z

3

select.onchange = function(){ ciao( "whatever" ) };

answered Nov 10, 2011 at 14:46

epascarello

208k20 gold badges206 silver badges246 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Add event on HTML select using javascript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related