select標記美化--JS式外掛程式、後期載入_表單特效-js教程-PHP中文網

在這將本人對，僅改變外觀，不改變不干預Form行為，後期載入JS。（註：本腳本依賴jQuery）

啥也不說了，都在程式碼裡。
效果圖在底部。

$(document).ready(function () {

    // 找出需要美化的则将被忽略
    var selects = $("select.beautify");
    if (selects.length > 0) {

//先在代码底部增加一个

，用来承载和显示下拉框选项
$("body").append("");

//挨个美化呗
selects.each(function () {

            //给本函数下的 this (也就是， .dummy 将用于我们对此类进行专门样式定义
            //同时将插入 dom，紧跟原 ")
                .attr("disabled", this.disabled)
                .css("width", parseInt(this.style.width) + "px")
                .css("display", this.style.display)
                .insertAfter(this)
                .val(this.options[this.selectedIndex].text);

            //将被点击时
            input.click(function () {
                //调出前面创建的

，并清空内容
                //将一致
                $(select).hasClass("extend")
                    ? div.css("width", "")
                    : div.css("width", $(this).innerWidth());

//将