网页左右分栏显示问题，盼高人解答！
左面是搜索框右边是显示栏，怎么实现在左面输入搜索内容点击搜索后，在右面显示相应的搜索结果，回答满意所有分都给你了！！！...
左面是搜索框右边是显示栏，怎么实现在左面输入搜索内容点击搜索后，在右面显示相应的搜索结果，回答满意所有分都给你了！！！
展开
2个回答
展开全部
<html>
<head>
<title>test page</title>
<script language="javascript" type="text/javascript">
function testfunction()
{
document.getElementById('right').innerHTML=document.getElementById('key').value;
}
</script>
</head>
<body>
<div id="left" style="float:left;width:300px;border:1px solid gray;height:100px;">
<input type="text" id="key" />
<input type="button" onclick="testfunction()" value="测试"/>
</div>
<div id="right" style="float:left;width:300px;border:1px solid gray;margin-left:10px;height:100px;">
</div>
<div style="clear:both"></div>
</body>
</html>
实现了一个左点击右变化的结果，也可以参考用iframe作为标记实现。
<head>
<title>test page</title>
<script language="javascript" type="text/javascript">
function testfunction()
{
document.getElementById('right').innerHTML=document.getElementById('key').value;
}
</script>
</head>
<body>
<div id="left" style="float:left;width:300px;border:1px solid gray;height:100px;">
<input type="text" id="key" />
<input type="button" onclick="testfunction()" value="测试"/>
</div>
<div id="right" style="float:left;width:300px;border:1px solid gray;margin-left:10px;height:100px;">
</div>
<div style="clear:both"></div>
</body>
</html>
实现了一个左点击右变化的结果，也可以参考用iframe作为标记实现。
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
