combox 选择

dwz手册上说combox设置value=xxx，代表选择项。实际应用中发现总是会显示第一项，打开dwz.combox.js代码：

 

 1 var $this = $(this).removeClass("combox");
 2                 var name = $this.attr("name");
 3                 var value= $this.attr("value");
 4                 var label = $("option[value=" + value + "]",$this).text();
 5                 var ref = $this.attr("ref");
 6                 var param = $this.attr("param");
 7                 var cid = Math.round(Math.random()*10000000);
 8                 var select = '<div class="combox"><div id="'+ cid +'" class="select"' + (ref?' rel="' + ref + '"' : '') + ' name="' + name + '"' + (param ? ' param="' + param+'"' : '') + '>';
 9                 select += '<a href="javascript:" class="'+$this.attr("class")+'" name="' + name +'" value="' + value + '" change="' + ($this.attr("change")?$this.attr("change"):"")+ '">' + label +'</a></div></div>';
10                 var options = '<ul class="comboxop" id="op'+ cid +'">';
11                 $("option", $this).each(function(){
12                     var option = $(this);
13                     options +="<li><a class=\""+ (value==option[0].value?"selected":"") +"\" href=\"#\" value=\"" + option[0].value + "\">" + option[0].text + "</a></li>";
14                 });

上面第3行用$this.attr("value");本意是想取出select里value属性值，但是对于select,$this.attr("value")取到的却是当前选择的option值，对于刚刚加载的select标签来说，这个值永远是第一个option的值，这也就导致了第13行中永远是第一个option加上了selected属性。

解决这个问题的办法也很简单，就是换一个属性。这里我用ShowValue属性示例，select这样写<select class="combox" ShowValue="abc" />，js中将$this.attr("value");改为$this.attr("showvalue")?$this.attr("showvalue"):$this.val();，这样就解决了combox的问题。