web2py查看:选择框的高度(大小)

时间:2011-09-08 05:10:48

标签: html css html5 css3 web2py

在web2py中,我希望渲染一个size =“3”的选择框 sothat它将显示3项(而不是默认大小1) ~~~代码,如果在独立的html文件中测试,则工作正常(大小为3)

{{extend 'layout.html'}}
<h1>ABC</h1>
<FORM name="drop_list" method="POST">
<table>
<tr>
<td><select id="List1" name="ABC" size="3"></select></td>
<td><input type="button" id="addtype" value="Add to List"></td>
</tr>
<tr>
<td><select id="List2" name="selABC" size="3"></select></td>
</tr>
</table>

</form>
<script language="javascript">
function addOption(selectbox,text,value)
{
var optn = document.createElement("OPTION");
optn.text = text;
optn.value = value;
selectbox.options.add(optn);
}

function addOption_list(selectbox){
var ctg = JSON.parse('{{=XML(ctg_list)}}');
for (var i=0; i < ctg.length; ++i){
addOption(document.drop_list.ABC, ctg[i], ctg[i]);
}
}
window.onload = addOption_list;
</script>

<script>
$('#addtype').click(function(){
var index=document.getElementById("List1").selectedIndex;
var elOpt = document.getElementById("List1").options[index];
var elSel = document.getElementById("List2");

var elOptNew = document.createElement("option");
elOptNew.text = elOpt.text;
elOptNew.value = elOpt.value;

try {
  elSel.add(elOptNew, null);} // standards compliant doesnt work in IE 
catch(ex) {
  elSel.add(elOptNew);} // IE only 
  }) 
</script>

在web2py视图中,其高度(大小)保持不变(1)。 它显示了一个小滚动条。

为什么我在web2py“View”中的代码无法覆盖默认大小1的任何提示?

谢谢, 维尼特

0 个答案:

没有答案