日期:2014-05-16  浏览次数:20376 次

怎么在select标签上指定选中项?
如题。
情况是这样: 
过几天有项目了,现在没事,试着自己做了个datagrid,做到模版列了遇到了问题,原理是在模版中用几个特殊字符+xml的标签名称来标识要替代的地方(数据是通过ajax读取的,xml形式的),然后在循环的时候用数据替换掉相应的字符。
现在值是这样的$Bind('userType')
模版是这样:
  <div id="template">
<input type="text" value="$Bind('userName')">
<select class="select">
<option value="1">a</option>
<option value="2">b</option>
<option value="3">c</option>
<option value="4">d</option>
<option value="5">e</option>
</select>
</div>
这样的话我应该在写的时候就给select选定值,这个怎么做??
除了option标签的selected外select标签上还有什么属性可以指定选定列么?
最好不用js因为确定这个select不太好能,不能有id和name,模版中可以放多个select邦定不同的值。
有什么方法能够扩展html标签么?比如给这个select加一个selectValue的属性然后他就选相应的值?能够使用prototype方法么??
请教高手,帮帮我把~

------解决方案--------------------
HTML code

<input   type="text"   value="$Bind('userName')"> 
<select   class="select" id="$Bind('userType')">
<option   value="1"> a </option> 
<option   value="2"> b </option> 
<option   value="3"> c </option> 
<option   value="4"> d </option> 
<option   value="5"> e </option> 
</select>
<script>
var lists=document.getElementsByTagName("select");
for(var i=0;i<lists.length;i++){
    if(lists[i].className=="select")lists[i].selectedIndex=parseInt(lists[i].id)-1;
}
</script>