[jQuery] <select> width shrinked after appending new <option>
Hi,
The problem is simple. I just want to add <option> to <select>, but
the size of <select> shrinks.
This happens in IE7. Works fine in FF3.
I couldn't find any post about this problem. Maybe I was doing
something wrong.
Can anyone help? Thanks!
Below is the simple html I used to test.
--------------------test source-----------------------
<html>
<head>
<style type="text/css">
select {
width:100%;
}
</style>
<script type="text/javascript" src="../script/jquery-1.2.6.min.js"></
script>
<script type="text/javascript">
$(function()
{
alert("");
$('select').append("<option>1000000000000000000</option>");
});
</script>
</head>
<body>
<table border=1 width="100%">
<tr>
<td><select></select></td>
</tr>
</table>
</body>
</html>
--------------------test source-----------------------