代码：
<!DOCTYPE html><html lang="en">
<html>
<head>
<meta charset="UTF-8">
<title>测试</title>
<style>
iframe{
display: block
margin: 0 auto
margin-top: 100px
}
</style>
</head>
<body>
<input type="text" id="text1" name="data" value="">
<input type="button" id="but" value="百度一下">
<script>
var but = document.getElementById('but')
but.onclick = function(){
var text1 = document.getElementById('text1').value
if (text1) {
var url = 'http://www.baidu.com/s?wd=' + text1
var iframe = document.getElementsByTagName('iframe')[0]
iframe.setAttribute('src',url)
}else{
alert('请输入内容')
}
}
</script>
<iframe src="https://www.baidu.com/" width="80%" height="300" frameborder="1" scrolling="yes"></iframe>
</body>
</html>
css样式没搞，有兴趣加上自己玩！
使用两个方法都可以：document.getElementById("文本框ID").value、document.getElementByName("文本框名字").value前提是你文本框要带id和name属性
你叙述的还是不清楚。这功能倒是很容易实现。你给单选框1一个 onchange事件，比如 onchange = "add(this)"
给单选框2一个 onchange事件，比如 onchange = "rel(this)"
function add(obj){
document.getElementById("你要设定的文本框的ID").value = obj.value
}
function rel(obj){
document.getElementById("你要设定的文本框的ID").value = ""
}
要是不同对应不同文本框，你就判断一下。
