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

页面当中有一个文本框跟一个下拉框还有一个按钮，当我点击按钮的时候把下拉框跟文本框中的值输出到页面当中，要怎么实现？

举报该文章

第1个回答推荐于2016-07-19

我写了个例子，你试试：
<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>本回答被提问者采纳

第2个回答 2020-04-02

我写了个例子，你试试：
<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>

第3个回答 2008-10-17

用JS实现。

相似回答

大家正在搜