怎样让select的高度充满表格？

My_Love 2013-11-22 10:01:29

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

	<meta http-equiv="Content-type" content="text/html; charset=gb2312" />

	<title>test select</title>

</head>

<body>

	<table border="0" style="width:100%;">

		<tr>

			<td style="height:100%;">

				<select name="cars" size=2 style="width:100px; height:100%;">

					<option value="login" selected="selected">登录</option>

					<option value="api">版权</option>

					<option value="fiat">Fiat</option>

					<option value="fiat">Fiat</option>

					<option value="audi">Audi</option>

					<option value="fiat">Fiat</option>

				</select>	

			</td>

			<td style="width:100%;">

				<textarea name="post[body]" rows="10" style="width:100%; resize:vertical"></textarea>

			</td>

		</tr>

	</table>

</body>

</html>

现在的在chrome还可以，在ie和firefox就达不到效果。
去掉<!DOCTYPE...又都可以很奇怪的兼容问题。有什么好的办法？

...全文

356 5 打赏收藏转发到动态举报

写回复

用AI写文章

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

斯洛文尼亚旅游 2013-11-22

打赏
举报

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-type" content="text/html; charset=gb2312" />
    <title>test select</title>
</head>
<body>
    <table border="0" style="width:100%;">
        <tr>
            <td style="height:100%;">
                <select name="cars" size=2 style="width:100px; height:100%;" id="sel">
                    <option value="login" selected="selected">登录</option>
                    <option value="api">版权</option>
                    <option value="fiat">Fiat</option>
                    <option value="fiat">Fiat</option>
                    <option value="audi">Audi</option>
                    <option value="fiat">Fiat</option>
                </select>   
            </td>
            <td style="width:100%;">
                <textarea name="post[body]" rows="10" style="width:100%; resize:vertical"></textarea>
            </td>
        </tr>
    </table>
    <script>
        window.onload = function () { document.getElementsByTagName('select')[0].style.height = document.getElementsByTagName('textarea')[0].offsetHeight + 'px' }
    </script>
</body>
</html>

用脚本来设置