0

我正在尝试将下拉菜单中的一个选项发送到 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="tested(this.value)"

4

1 回答 1

1

你有一个倒退}

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

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

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

于 2012-08-22T00:02:45.997 回答