用JS怎么实现点击按钮输入文本框跟下拉框的值在页面中？
页面当中有一个文本框跟一个下拉框还有一个按钮，当我点击按钮的时候把下拉框跟文本框中的值输出到页面当中，要怎么实现？...
页面当中有一个 文本框跟一个下拉框 还有一个按钮，当我点击按钮的时候把下拉框跟文本框中的值输出到页面当中，要怎么实现？
展开
3个回答
展开全部
我写了个例子，你试试：
<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>
<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>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
我写了个例子，你试试：
<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>
<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实现。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
