js高手请快进!网站开发中遇到问题!!!
为什么我的代码不能实现效果!效果是选择系统定义出现select选择用户自定义出现file<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Tr...
为什么我的代码不能实现效果!
效果是选择系统定义出现select
选择用户自定义出现file
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head>
<body>
<script language="javascript">
function change()
{
if(document.form1.radio.value!="xiton_dy")
{
//document.getElementById("select_id").style.display=="none";
//document.getElementById("file_id").style.display=="block";
document.form1.select1.style.display=="none";
document.form1.file.style.display=="block";
}
}
</script>
<form action="" method="post" enctype="multipart/form-data" name="form1">
<input name="radio" type="radio" value="xiton_dy" checked onChange="change()">
系统定义
<input type="radio" name="radio" value="user_dy" onChange="change()">
用户自定义
<p>
<select name="select1" onChange="document.img.src=document.form1.select1.value;" style="display:block" id="select_id">
<!--如果点修改了中的值,就将form1下的select1的value赋给文本对像的img中的src-->
<!--scr是document中图片的来源-->
<option value="images/01.gif" selected>--请选择--</option>
<script language="javascript">
var i;
for(i=1;i<=20;i++)
{
if(i<10){ i="0"+i;}
document.write("<option value='images/"+i+".gif'>头像"+i+"</option>");
}
</script>
</select>
<input type="file" name="file" id="file_id" style="display:none">
</form>
<img src="images/01.gif" name="img" width="82" height="90" id="img">
</body>
</html>
请帮我改一下谢谢!
我想要的效果是:
选择系统定义出现select下拉列表
选择用户自定义出现file上载方式! 展开
效果是选择系统定义出现select
选择用户自定义出现file
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head>
<body>
<script language="javascript">
function change()
{
if(document.form1.radio.value!="xiton_dy")
{
//document.getElementById("select_id").style.display=="none";
//document.getElementById("file_id").style.display=="block";
document.form1.select1.style.display=="none";
document.form1.file.style.display=="block";
}
}
</script>
<form action="" method="post" enctype="multipart/form-data" name="form1">
<input name="radio" type="radio" value="xiton_dy" checked onChange="change()">
系统定义
<input type="radio" name="radio" value="user_dy" onChange="change()">
用户自定义
<p>
<select name="select1" onChange="document.img.src=document.form1.select1.value;" style="display:block" id="select_id">
<!--如果点修改了中的值,就将form1下的select1的value赋给文本对像的img中的src-->
<!--scr是document中图片的来源-->
<option value="images/01.gif" selected>--请选择--</option>
<script language="javascript">
var i;
for(i=1;i<=20;i++)
{
if(i<10){ i="0"+i;}
document.write("<option value='images/"+i+".gif'>头像"+i+"</option>");
}
</script>
</select>
<input type="file" name="file" id="file_id" style="display:none">
</form>
<img src="images/01.gif" name="img" width="82" height="90" id="img">
</body>
</html>
请帮我改一下谢谢!
我想要的效果是:
选择系统定义出现select下拉列表
选择用户自定义出现file上载方式! 展开
3个回答
展开全部
自己再改改吧！
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>SelectHeatPortrait DEMO</title>
</head>
<body>
<script language="javascript">
function change()
{
/*
if(document.form1.radio.value!="xiton_dy")
{
//document.getElementById("select_id").style.display=="none";
//document.getElementById("file_id").style.display=="block";
document.form1.select1.style.display=="none";
document.form1.file.style.display=="block";
}
*/
var a = document.getElementsByName("radioButton");
if(a[0].checked)
{
document.all('select_id').style.visibility = 'visible';
document.all('file_id').style.visibility = 'hidden';
}
if(a[1].checked)
{
if(document.all('file_id').style.display=='none'){
document.all('file_id').style.display=""
}
document.all('select_id').style.visibility = 'hidden';
document.all('file_id').style.visibility = 'visible';
}
}
</script>
<form action="" method="post" enctype="multipart/form-data" name="SelectHeadPortrait">
<input name="radioButton" type="radio" value="xiton_dy" checked onclick="change()">
系统定义
<input name="radioButton" type="radio" value="user_dy" onclick="change()">
用户自定义
<p>
<select name="select1" onChange="getElementById('img').src=document.SelectHeadPortrait.select1.value;" style="display:block" id="select_id">
<option value="images/01.gif" selected>--请选择--</option>
<script language="javascript">
var i;
for(i=1;i<=20;i++)
{
if(i<10){ i="0"+i;}
document.write("<option value='images/"+i+".gif'>头像"+i+"</option>");
}
</script>
</select>
<input type="file" name="file" id="file_id" style="display:none">
</form>
<img src="images/01.gif" name="img" width="82" height="90" id="img">
</body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>SelectHeatPortrait DEMO</title>
</head>
<body>
<script language="javascript">
function change()
{
/*
if(document.form1.radio.value!="xiton_dy")
{
//document.getElementById("select_id").style.display=="none";
//document.getElementById("file_id").style.display=="block";
document.form1.select1.style.display=="none";
document.form1.file.style.display=="block";
}
*/
var a = document.getElementsByName("radioButton");
if(a[0].checked)
{
document.all('select_id').style.visibility = 'visible';
document.all('file_id').style.visibility = 'hidden';
}
if(a[1].checked)
{
if(document.all('file_id').style.display=='none'){
document.all('file_id').style.display=""
}
document.all('select_id').style.visibility = 'hidden';
document.all('file_id').style.visibility = 'visible';
}
}
</script>
<form action="" method="post" enctype="multipart/form-data" name="SelectHeadPortrait">
<input name="radioButton" type="radio" value="xiton_dy" checked onclick="change()">
系统定义
<input name="radioButton" type="radio" value="user_dy" onclick="change()">
用户自定义
<p>
<select name="select1" onChange="getElementById('img').src=document.SelectHeadPortrait.select1.value;" style="display:block" id="select_id">
<option value="images/01.gif" selected>--请选择--</option>
<script language="javascript">
var i;
for(i=1;i<=20;i++)
{
if(i<10){ i="0"+i;}
document.write("<option value='images/"+i+".gif'>头像"+i+"</option>");
}
</script>
</select>
<input type="file" name="file" id="file_id" style="display:none">
</form>
<img src="images/01.gif" name="img" width="82" height="90" id="img">
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<select name="select1" onChange="document.img.src=document.form1.select1.value;" style="display:block" id="select_id">
改成
<select name="select1" onChange="getElementById('img').src=document.form1.select1.value;" style="display:block" id="select_id">
改成
<select name="select1" onChange="getElementById('img').src=document.form1.select1.value;" style="display:block" id="select_id">
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<input name="radio" type="radio" value="xiton_dy" checked onClick="change()">
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
