Question

我试图从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>

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

Answer 1

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

Answer 2

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

Answer 3

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

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

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

3 个答案: