用JS怎么实现点击按钮输入文本框跟下拉框的值在页面中?

来源:百度知道 编辑:UC知道 时间:2024/05/29 19:41:17
页面当中有一个 文本框跟一个下拉框 还有一个按钮,当我点击按钮的时候把下拉框跟文本框中的值输出到页面当中,要怎么实现?

我写了个例子,你试试:
<html>
<head>
<title>jsTest</title>
</head>
<body>
<select id="sel"><option>a</option><option>b</option></select>
<input type="text" id="txt">
<input type="button" value="show" onclick="show()">
</br>
<p id="p1">
下拉框和文本框内容将显示在这里:
</br>

</p>
<script>
function show()
{
var node = document.createTextNode(sel.options[sel.selectedIndex].value +

"," + txt.value);
p1.removeChild(p1.lastChild);
p1.appendChild(node);
}
</script>
</body>
</html>

用JS实现。