jquery 联动下拉框,动态添加dropdownlist option项后遇到问题

图片说明

这是一个联动的案例 选择一级菜单 二级菜单随之改变, 现在选择二级菜单也就是成员那个下拉框的选项之后,点击查询(服务端查询)按钮,这个下拉框动态append的option都没有了,变成了空,请问如何选择完二级下拉的选项之后,点击查询按钮在后台能获取到它的选择项呢???

完整代码如下:

 $(document).ready(function() {
        var $ddl = $("select[name$=txtPRJ_NAME0]");
        $ddl.focus();
        $ddl.bind("change", function() {
            if ($(this).val() != "") {

                loadEmployeeCarsTop($(this).val());

            } else {

            }
        });

        });

以下是调用的方法:

 function loadEmployeeCarsTop(selectedItem) {
            var schdata = { id: selectedItem };

            $.post(
            "../../../WebHandler/DRProjectOperation.ashx"
            , { method: 'GetData', param: selectedItem }
            , function(result) {

                var rejson = $.parseJSON(result);
                if (rejson != null) {
                    $("select[name$=ddlMember] > option").remove();

                    for (var i = 0; i < rejson.length; i++) {
                        $("<option></option>").val(rejson[i].USERID).html(rejson[i].USERNAME)
                    }
                }               
            });
        }

**这是一个联动的案例,txtPRJ_NAME0] 是在服务端绑定好的代码如下:
**

 DataSet dt = Facade.FacadeFactory.Instance.DR_PRJ_MEMBERFacade.QueryDR_PRJ_MEMBERDataSet(dr);
                txtPRJ_NAME0.DataTextField = "PRJ_NAME";
                txtPRJ_NAME0.DataValueField = "PRJ_ID";
                txtPRJ_NAME0.DataSource = dt.Tables[0];
                txtPRJ_NAME0.DataBind();
                ListItem li = new ListItem();
                li.Text = "--请选择--";
                li.Value = "";
                txtPRJ_NAME0.Items.Insert(0, li);

你的$ddl值对不对,对的话trigger下change事件绑定成员
$(document).ready(function() {
var $ddl = $("select[name$=txtPRJ_NAME0]");
$ddl.focus();
$ddl.bind("change", function() {
if ($(this).val() != "") {

            loadEmployeeCarsTop($(this).val());

        } else {

        }
    });

$ddl.trigger('change')
});