<script language="javascript"> function changeF() { document.getElementById('makeupCo').value= document.getElementById('makeupCoSe').options[document.getElementById('makeupCoSe').selectedIndex].value; //alert(document.getElementById('makeupCo').value); } function submitForm() { alert("makeupCo="+document.getElementById('makeupCo').value); alert("makeupCoSe="+document.getElementById('makeupCoSe').value); } </script> <span style="position:absolute;border:1pt solid #c1c1c1;overflow:hidden;width:188px; height:19px;clip:rect(-1px 190px 190px 170px);"> <select name="makeupCoSe" id="makeupCoSe" style="width:190px;height:20px;margin:-2px;" οnchange="changeF();"> <option id="99999" VALUE="" ></option> <option id='1' value='java'>java</option> <option id='2' value='c++'>c++</option> <option id='3' value='python'>python</option> </select> </span> <span style="border-top:1pt solid #c1c1c1;border-left:1pt solid #c1c1c1;border-bottom:1pt solid #c1c1c1;width:170px;height:19px;"> <input type="text" name="makeupCo" id="makeupCo" value="请选择或输入" style="width:170px;height:15px;border:0pt;"> </span><br> <input type="button" name="ss" value="submit" οnclick="submitForm()"/>
这个下拉列表是采用<span>结合CSS覆盖的方式,后台获取的时候要获取text的值(makeupCo)。