jQuery 点击按钮同时触发下拉框的事件

时间:2025-04-02 21:56:50

点击页面的按钮,触发下拉框的事件,用change,之前试了click和select都不行。

加载页面时先给下拉框一个change事件。

 $("#updateMode").on("change", fnUpdateMode);

对于的事件函数

 function fnUpdateMode(){
                switch ($(this).val()) {
                    case "0": // 界面1
                        $("#u2").find(":input").attr("disabled", true);
                        $("#u0").find(":input").attr("disabled", false);
                        $("#u0").show();
                        $("#u1").hide();
                        $("#u2").hide();
                        break;
                    case "1": // 界面2
                        $("#u1").show();
                        $("#u0").hide();
                        $("#u2").hide();
                        break;
                    case "2": // 界面3
                        $("#u0").find(":input").attr("disabled", true);
                        $("#u2").find(":input").attr("disabled", false);
                        $("#u2").show();
                        $("#u0").hide();
                        $("#u1").hide();
                        break;
                }
            };

最后在修改按钮中触发此事件

 //弹出修改窗口
        function fnShowUpdate(row) {
            $.ajax({
				type : 'post',
				url : 'get',
				data : row,
				success : function(data) {
					$("#fo-update")[0].reset();
					$('#w-update').modal();
					$("#fo-update").setForm(data);
                    $('#updateMode').trigger("change");
				}
			});
		}