如何制作滚动条？

-1

我是新来的。我创建了一个表格，可以显示数据库中的数据，并创建另外1个表格来显示要选择的数据。但问题是，如果我们只选择少量数据，它不会是一个问题。但是如果选择超过100个数据，可能会导致布局问题。如何制作滚动条？

，这我的代码...

<script type="text/javascript"> 
function List(){ 
    var selectedProduct = ""; 
    var product = document.getElementById('product'); 
    var output ="";   
    var k = 0; 
    var name = new Array; 
    var model = new Array; 
    var unitprice = new Array; 

     <?php foreach ($productPrices as $price): ?> 
      name[k] = "<?php echo $price['Product']['txtname']; ?>"; 
      model[k] = "<?php echo $price['Product']['txtmodel']; ?>"; 

      k++; 
     <?php endforeach; ?> 

     k=0; 
     for (var i = 0; i < product.length; i++) { 
       k = product.options[i].value; 

      if (product.options[i].selected) { 
       output += '<tr>'+ 
           '<td style="border-right: 0px; width:270px; text-align:center" id="ProductProduct'+k+'" name="data[Product][Product]['+k+']">'+name[i]+'</td>'+ 
           '<td style="border-right: 0px; width:100px; text-align:left" id="ProductProduct'+k+'" name="data[Product][Product]['+k+']">'+model[i]+'</td>'+ 
          '</tr>';  
      } 
     } 
     output = '<table style="width:500px; border: 0px;">'+output+'</table>';   
     document.getElementById('productTable').innerHTML = output; 
}     
</script> 

<table cellpadding="0" cellspacing="0" style="width:100%"> 
    <caption><div align="left">Peoduct Selection</div></caption> 
    <tr> 
     <th style="width:25%"><font><div align="left">Select Product :</div></font> 
        <?php echo $form->input('Product',array(
          'label' => 'Select Products', 
          'options' => $products, 
          'id'=>'product', 
          'style'=>'width:250px;height:100px', 
          'selected' => $html->value('Product.Product'), 
          'onchange'=>'List();')); ?> </th> 
     <th ><table> 
      <tr> 
       <th style="width:400px"><div align="center">Product Name</div></th> 
       <th style="width:250px"><div align="center">Product Model</div></th> 
      </tr> 
      <tr> 
       <td colspan="4" ><span id="productTable"></td> 
      </tr> 
     </table></th> 
    </tr> 
    </table>

谁能帮助我解决这个问题？ thx ..

来源

2009-11-11 JaYwzx Wong

你为什么改变我的retag？这个问题与php无关，而是与你的布局有关，因此，它是一个HTML/CSS问题。 – fresskoma 2009-11-11 09:24:17

@ x3ro - 我在猜测，但他可能是错误的，他在编辑提交时已经在编辑它。 – 2009-11-11 09:26:49