calling javascript function from <select> onchange

Question

I am trying to call a javascript function from the onchange attribute of the select tag ! My issue is that I am passing the name attribute of the select to the function which always go null.

<body>


<form action="" method="post">
<select name="slct" id="name" onchange="rohan('measurement_conversion', '<?php echo isset($_POST["slct"])?$_POST["slct"]:"null" ?>')">
<option value="yes" selected="selected"> yes </option>
<option value="nopes"> nopes </option>
<option value="may be"> May be </option>
<option value="dont know"> dont know </option>
</select>
</form>

<div id="abc">
</div>


</body>

And here my javascript function

<script>

function rohan(var1, var2)
{

    document.getElementById("abc").innerHTML=var1 + "            " + var2;
}

</script>

It always prints null.. Any help will be appreciated !

abc123 · Accepted Answer · 2014-12-09 17:35:02Z

9

HTML:

<body>
    <form action="" method="post">
        <select name="slct" id="name" onchange="rohan(this.value)">
            <option>Select</option>
            <option value="yes" selected="selected"> yes </option>
            <option value="nopes"> nopes </option>
            <option value="may be"> May be </option>
            <option value="dont know"> dont know </option>
        </select>
    </form>
</body>

JS:

<script>
    function rohan(value)
    {
        //you can get the value from arguments itself
        alert(value);
    }
</script>

edited Dec 9, 2014 at 17:35

abc123

19k7 gold badges55 silver badges84 bronze badges

answered Sep 22, 2012 at 7:59

Raj Adroit

3,8885 gold badges34 silver badges44 bronze badges

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

Comments

Amber · Accepted Answer · 2012-09-22 07:55:21Z

0

PHP is run on the server before JavaScript is ever run in the browser. It doesn't get re-evaluated when the user changes the selected item.

answered Sep 22, 2012 at 7:55

Amber

531k89 gold badges643 silver badges558 bronze badges

2 Comments

Saaram Over a year ago

So what will be the solution ?

Amber Over a year ago

Code that reacts to user changes needs to either (a) be written in JavaScript, not PHP... or (b) use AJAX.

Prashant Pimpale · Accepted Answer · 2018-08-12 06:21:38Z

0

No put in tag HTML attribute javascript, onchange is better in the script:

<script>
    var b=document.getElementById('name');
        b.onchange=function (){
        var a=document.getElementById('name').value;
        console.log(a);
    }
</script>

edited Aug 12, 2018 at 6:21

Prashant Pimpale

10.7k10 gold badges52 silver badges88 bronze badges

answered Aug 12, 2018 at 3:56

Sergio Laime

1

Collectives™ on Stack Overflow

calling javascript function from <select> onchange

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related