从<select> onchange </select>调用javascript函数

时间:2012-09-22 07:53:10

标签: php javascript html

我试图从select标签的onchange属性调用javascript函数!我的问题是我将select的name属性传递给始终为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>

这里是我的javascript函数

<script>

function rohan(var1, var2)
{

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

</script>   

它始终打印为空.. 任何帮助将不胜感激!

3 个答案:

答案 0 :(得分:7)

<强> 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>

答案 1 :(得分:0)

在浏览器中运行JavaScript之前,PHP在服务器上运行。当用户更改所选项目时,不会重新评估它。

答案 2 :(得分:0)

没有放置标记HTML属性javascript,onchange在脚本中更好:

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