Question

我有一个列表，当用户使用onchange事件选择一个特定选项（名为Customize）时，会弹出一个div（其id为customizeOption），一旦用户完成div，他/她将点击一个按钮（id为donebtn）。拥有这样的函数并使用onchange事件是否是个好主意？任何其他建议真的很感激。

function optionCheck(events) {

    if(events.value=="Customize") {
        $('document').ready(function () {
            $("#customizeOption").show(400);
            $("#donebtn").click(function () {
                $("#customizeOption").hide(400);
            });
        });
    }
}

Answer 1

$('document').ready(function () {});

这只是为了模仿身体的onload。

我们可以重写上面的代码，如。

function optionCheck(events) {
    if(events.value=="Customize") {
        $("#customizeOption").show(400);
        $("#donebtn").click(function () {
            $("#customizeOption").hide(400);
        });
    }
}

确保在呈现DIV之后写下此内容。当您的浏览器正在编译此JS时，它们也可用。我建议这个脚本应该放在页面底部。

<强> EDITED

假设SELECT BOX具有类mySelectBox，如果您将其放在代码中的任何位置，以下函数将适用于您。

$('document').ready(function () {
    $('.mySelectBox').change(function(){
        if( $(this).attr('value')) == "Customize" ) {
            $("#customizeOption").show(400);
            $("#donebtn").click(function () {
                $("#customizeOption").hide(400);
            });
        }
    });
});

使用带有jquery的onchange事件

1 个答案: