可填写下拉列表-改进版

最新推荐文章于 2022-02-25 18:19:43 发布

原创最新推荐文章于 2022-02-25 18:19:43 发布 · 125 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Python #JavaScript #CSS #C #C++ #ViewUI

javaScript 专栏收录该内容

23 篇文章

订阅专栏

<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;" onchange="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" onclick="submitForm()"/>

这个下拉列表是采用<span>结合CSS覆盖的方式，后台获取的时候要获取text的值（makeupCo）。