// javascript document /* * 模拟网页中所有的下拉列表select */ function selectmodel(){ var $box = $('div.model-select-box'); var $option = $('ul.model-select-option', $box); var $txt = $('div.model-select-text', $box); var speed = 10; /* * 当机某个下拉列表时,显示当前下拉列表的下拉列表框 * 并隐藏页面中其他下拉列表 */ $txt.click(function(e) { var $current = $(this).siblings('ul.model-select-option'); //隐藏其它下拉 $option.not($current).slideup(speed, function(){ int($(this)); }); //显示当前下拉 $current.slidetoggle(speed, function(){ int($(this)); }); return false; }); //点击选择,关闭其他下拉 /* * 为每个下拉列表框中的选项设置默认选中标识 data-selected * 点击下拉列表框中的选项时,将选项的 data-option 属性的属性值赋给下拉列表的 data-value 属性,并改变默认选中标识 data-selected * 为选项添加 mouseover 事件 */ $option.find('li') //初始化选中项 data-selected,selected-input默认值 .each(function(index, element) { if($(this).hasclass('seleced')){ $(this).addclass('data-selected'); $(this).parent().siblings($('input.selected-input')).attr('data-value',$(this).attr('data-option')); } }) .mousedown(function(){ //赋值操作 $(this).parent().siblings('div.model-select-text').text($(this).text()) .attr('data-value', $(this).attr('data-option')); $(this).parent().siblings($('input.selected-input')).attr('data-value',$(this).attr('data-option')); //标识选中项 $(this).addclass('seleced data-selected').siblings('li').removeclass('seleced data-selected'); //隐藏所有下拉框 $option.slideup(speed, function(){ //int($(this)); }); return false; }) .mouseover(function(){ $(this).addclass('seleced').siblings('li').removeclass('seleced'); }); //点击文档,隐藏所有下拉 $(document).click(function(e) { $option.slideup(speed, function(){ int($(this)); }); }); //初始化默认选择 function int(obj){ obj.find('li.data-selected').addclass('seleced').siblings('li').removeclass('seleced'); } } $(function(){ selectmodel(); }) //先在table的最后增加一行,然后再把第一行中的数据填充到新增加的行中,最后再删除table的第一行 // function change(table){ // var row = table.insertrow(table.rows.length);//在table的最后增加一行,table.rows.length是表格的总行数 // for(j=0;j