div3dropdownlist控件参数说明。 下载: ************************************************************************* *说明：解决普通dropdownlist控件，无法解析html语言，而显示一些特殊字符形式。如数学符号中的上下标。 *作者：弄潮儿 *网址: http://www.javascriptcn.com *Email: wxnet2008@gmail.com ************************************************************************* 1,控件引用
在head标记中: < script src = " div2dropdownlist.js " type = " text/javascript " >< / script>
在body标记中 < script type = " text/javascript " > <!-- var options = { " width " : " 200px " , " hovercolor " : " #058 " , " font " : " 12px " };; var listitems = { " listitems " : [ // 列表项开始 { " item " : " H<sub>2</sub>O " }, { " item " : " O<sub>2</sub> " }, { " item " : " O<sub>3</sub> " } // 列表项结束 ] }; var test = new div2dropdownlist(options,listitems); // 控件实例 test.Create(); // 创建控件 // test.value(); //获取控件的值 // --> < / script>
**************************************************************************
2,设置div2dropdownlist显示属性 var options = {"width": "200px","hovercolor":"#058","font":"12px"}; 修改参数。 width:列表的宽度。 hovercolor:鼠标移到选项后，选项的颜色。 font:设置列表字体样式 默认:12px ************************************************************************** 3,设置div2dropdownlist控件的列表项 var listitems = {"listitems": [ //列表项开始 {"item":"H<sub>2</sub>O"}, {"item":"O<sub>2</sub>"}, {"item":"O<sub>3</sub>"} //列表项结束 ] }; 单个项设置: {"item":"O<sub>2</sub>"}, (最后一项不能包含逗号) ************************************************************************* 3,获取列表值 var test = new div2dropdownlist(options,listitems); //控件实例 test.Create(); //创建控件 test.value(); //获取控件的值属性：test.itemslength 获取列表数量 test.hovercolor 鼠标滑过时颜色 test.width 控件显示宽度 test.font 字体css样式更多请查看： js中国: