0

我对 JQuery 很陌生 - 我看了但找不到足够简单的答案来解决我的问题......我有 HTML 下拉列表（由 db 文件生成），其 ID 是所有列表共有的选择。正是在这个“添加新”选项上，我想触发一个事件，该事件将立即滑动打开一个允许输入和更新列表的新名称的 div。

<select name="NAME" id="NMDROP">
<option value=""></option>
<option value="JOE">Joe</option>
<option value="BOB">Bob</option>
<option id="ADDNM" value="ADD">Add a New Name</option>
</select>

这是我希望允许我调用更新 pgm 的 jQuery。

jQuery(document).ready(function () {

    //Jquery for Adding a SalesPerson
    $("#ADDNM").click(function () {
        if ($(this).is(":clicked")) {

            jQuery.ajax({
                url: "Update.pgm",
                type: "POST",
                data: {
                    "task": "ajax_addsp",
                    "ajax_add": 'Y',
                    "NAME": NAME
                },
                success: function () { alert("success:");
                },
                error: function () {  alert("error on Add a New Name " + data);
                }
            });
        }
    });
});

我相信你们中的许多人将能够发现我的基本错误。我什至不确定这是点击还是更改事件，我在这个网站上看到了两种方式。

4

2 回答 2

1

将您的代码更改为：

$("#NMDROP").on('change', function () {
    if ($(this).val() === 'ADD'){
        //rest of code
    }
});

演示

于 2013-06-12T19:20:01.237 回答
0

不要使用单击，而是使用下拉列表中的更改事件并检查所选值是否为“添加”。

$("#NMDROP").on("change", function(e) {
    if($("#NMDROP").val() == "ADD") {
        //ajax method here
    }
});
于 2013-06-12T19:21:42.507 回答