下拉菜单控制图片

function showlogo(){
   document.images.img.src="images/tx/"+
   document.form1.tx.options[document.form1.tx.selectedIndex].value+".gif";
}

<tr>
    <td>选择头像:</td>
    <td><p><img id="img" name="img" src="images/tx/1.gif" /></p>
    <select size="1" id="tx" name="tx" onchange="showlogo()">
    <option value="1" selected>头像1</option>
    <option value="2">头像2</option>
    <option value="3">头像3</option>
    <option value="4">头像4</option>
    <option value="5">头像5</option>
    <option value="6">头像6</option>
    <option value="7">头像7</option>
    <option value="8">头像8</option>
    <option value="9">头像9</option>
    <option value="10">头像10</option>
    </select>
    </td>

</tr>