主题:  请教innerhtml等，诚心请教

mlzboy
职务：普通成员
等级：2
金币：2.0
发贴：317
#12004/7/31 20:59:16
我的意图是能过选择下拉列表框，使用显示不同的文字，同时将提交表单的参数做改变，还请指点代码如下
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script language="javascript">
<!--
function show_info(num)
{
chg_action="chg_action";
    if(num=="火车"
        {
        document.chg_action.innerHTML="<form name=""form1"" method=""post"" action=""check.asp?add_type=1"">";
        document.form1.car_part.style="visibility:hidden";
        document.form1.art_part.style="visibility:hidden";
        document.form1.train_part.style="visibility:visible";
        }
    else if(num=="客运"
        {
        document.chg_action.innerHTML="<form name=""form1"" method=""post"" action=""check.asp?add_type=2"">";
        document.form1.car_part.style="visibility:visible";
        document.form1.art_part.style="visibility:hidden";
        document.form1.train_part.style="visibility:hidden";
        }
    else if(num=="临时公告"
        {
        document.chg_action.innerHTML="<form name=""form1"" method=""post"" action=""check.asp?add_type=3"">";
        document.form1.car_part.style="visibility:hidden";
        document.form1.art_part.style="visibility:visible";
        document.form1.train_part.style="visibility:hidden";
        }
}
//-->
</script>
</head>
<body>
<span id="chg_action"><form name="form1" method="post" action="check.asp"></span>
<SELECT NAME="select" size="1" onchange="show_info('this.options[this.selectedIndex].value')">
<option value="火车" selected>火车</option>
<option value="临时公告">临时公告</option>
<option value="客运">客运</option>
</SELECT>
<div id="car_part" style="visibility:hidden">car_part</div>
<div id="train_part" style="visibility:visible">train_part</div>
<div id="art_part" style="visibility:hidden">art_part</div>
</form>
</BODY>
</HTML>

cgddn
职务：普通成员
等级：1
金币：0.0
发贴：39
#22004/7/31 23:33:45
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
    <title>Untitled</title>

</head>

<body>
<form name="f1" action="check.asp" method="post">
<select name="traffic" onchange="getItem()">
<option value="trail">火车
<option value="people">客运
<option value="public">临时通告
</select>
<br>
<div id="txt"></div>
<br>
<input type="Button" value="Check Action" onclick="getAction()">
</form>
    <script>
        var f=document.getElementById("f1");
        var sel=document.getElementById("traffic");
        var t=document.getElementById("txt");
        sel.selectedIndex=0;
        t.innerText="火车";
        function getItem(){
        for(var i=0;i<sel.length;i++){
            if(sel[i].selected){
                var val=sel[i].value;
                if(val=="trail"){ f1.action="check1.asp";t.innerText="火车";
                }else if(val=="people"){ f1.action="check2.asp";t.innerText="客运";
                }else{ f1.action="check3.asp";t.innerText="临时通告";
                }
            }
        }        
        }
        function getAction(){
            alert(f.action);
        }
    </script>

</body>
</html>

mlzboy
职务：普通成员
等级：2
金币：2.0
发贴：317
#32004/8/1 10:27:46
非常感谢你的帮助，但是实际在我还遇到一些问题

修改后的网页为http://mlzboy.jahee.com/add_vehiclehao2.asp
由于我是在一个表单中放入了一个<div　id="show"></div>
选择列表之后会在最上方显示内容，这个和我预期的不符合，我想的是在表单里面的位置显示的，还请帮助

我将其中的innertext改成了innerhtml（因为我要替换的内容里有html代码）
我将要改变的文本如果换成html代码就不行了
具体的是将
f1.action="check1.asp";t.innerText="火车";中的“火车”换成http://mlzboy.jahee.com/train.txt中的内容

f1.action="check2.asp";t.innerText="客运";中的“客运”换成
mlzboy.jahee.com/car.txt中的内容

check3.asp";t.innerText="临时通告";中的“临时公告”换成
mlzboy.jahee.com/art.txt中的内容

还望再次帮助

mlzboy
职务：普通成员
等级：2
金币：2.0
发贴：317
#42004/8/1 10:42:13
mlzboy在上个帖子中说
引用:
非常感谢你的帮助，但是实际在我还遇到一些问题

修改后的网页为http://mlzboy.jahee.com/add_vehiclehao2.asp
由于我是在一个表单中放入了一个<div　id="show"></div>
选择列表之后会在最上方显示内容，这个和我预期的不符合，我想的是在表单里面的位置显示的，还请帮助

还有在初次载入时由于不能触发onchange事件，所以
我尝试<script language="javascript">getitem()</script>但是不成功
请指点


我将其中的innertext改成了innerhtml（因为我要替换的内容里有html代码）
我将要改变的文本如果换成html代码就不行了
具体的是将
f1.action="check1.asp";t.innerText="火车";中的“火车”换成http://mlzboy.jahee.com/train.txt中的内容

f1.action="check2.asp";t.innerText="客运";中的“客运”换成
mlzboy.jahee.com/car.txt中的内容

check3.asp";t.innerText="临时通告";中的“临时公告”换成
mlzboy.jahee.com/art.txt中的内容

还望再次帮助