Question

所以我想从下拉菜单中选择一个选项发送到javascript函数，这样我就可以通过调用PHP函数使用AJAX查询数据库了。不幸的是，似乎我的onchange事件根本就没有发射。我试图将onchange事件重定向到一个简单的javascript函数，只是为了测试，这也不起作用。我不能为我的生活似乎弄清楚。下面是我的示例代码（HTML和示例测试javascript函数）：

HTML：

    <div id="Category_and_Food">
            <form>
                <select id="categories" onchange="tested()">
                    <option value = "">Please select a category</option>
                    <option value="Appetizers">Appetizers</option>
                    <option value="Entree">Entree</option>
                    <option value="Specials">Specials</option>
                    <option value="Drink">Drinks</option> 
                    <option value="Meat">Meat</option>
                    <option value="Soup">Soup</option>
                </select>
            </form>
        <br />
        <div id="cat_display"><b>Please select a category above</b></div>   
    </div>

使用Javascript：

<script type = "text/javascript">
function tested()
{
var x = document.getElementById("categories").value;
document.getElementById("cat_display").innerHTML = x;
{
</script>

之前，我还测试了这个函数，onchange事件是“onchange =”tests（this.value）“”，函数反映了更改的输入。

非常感谢您的阅读。

干杯！

Answer 1

你有一个向后}：

function tested()
{
    var x = document.getElementById("categories").value;
    document.getElementById("cat_display").innerHTML = x;
} // <----

示例： http://jsfiddle.net/L2abu/1/

请务必通过JSHint之类的工具运行代码，以检查语法错误。

Onchange事件没有触发任何JS函数

1 个答案: