Question

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

<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);
                }
            });
        }
    });
});

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

Answer 1

将您的代码更改为：

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

<强> DEMO

Answer 2

不使用点击，而是在下拉列表中使用更改事件，并检查所选值是否为“ADD”。

$("#NMDROP").on("change", function(e) {
    if($("#NMDROP").val() == "ADD") {
        //ajax method here
    }
});

特定DropDownList选项上的jQuery事件

2 个答案: