28、前端交互技术：从表单优化到拖放操作的全面解析

前端交互技术：从表单优化到拖放操作的全面解析

1. 表单可用性优化

在表单开发中，有一个小细节常常被忽视，那就是页面初始加载时下拉列表为空的问题。以默认设置为阿拉巴马州的表单为例，我们希望在页面加载后，下拉列表能预先填充阿拉巴马州的城市列表。这可以通过在页面加载后调用新的 handleStateChange 函数来轻松实现。

以下是更新后的 onload 函数，应包含在 UserFormv2.html 的末尾：

<script>
dojo.addOnLoad(function(){
    // set’s city combo box from first selected state
    var itlState = dojo.byId("state");
    handleStateChange(itlState); 
    var fb = new dojo.io.FormBind({
        formNode: "user_detail",
        mimetype: "text/xml",
        load: function(load, data, e) {
            submitCallback(data);
        }
    });
    fb.onSubmit = function(form) { 
        return handleSubmit(); 
    }
});
</script>

<