js高手请快进!网站开发中遇到问题!!!
为什么我的代码不能实现效果!
效果是选择系统定义出现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上载方式!
<!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="getElementById('img').src=document.form1.select1.value;" style="display:block" id="select_id">
web前端开发需要学些什么
HTML +_CSS核心、JavaScript基础语法、JavaScript面向对象、JavaScript DOM和 BOM编程、jQuery框架 阶段2.HTML5 + CSS3 + 移动端核心 HTML5新特性、Canvas专列、CSS3新特性、CSS3进阶、CSS3实例演练 阶段3.移动端 移动端核心、移动端适配、移动端特效 阶段4.服务器端 服务器端开发、数据库操作、前后端...
web前端开发需要学些什么
1，Dreamweaver：，集网页制作和管理网站于一身的所见即所得网页代码编辑器。2，Sublime，全称Sublime Text ，是一个主要功能包括拼写检查，书签，完整的 Python API ， Goto 功能，即时项目切换，多选择，多窗口的代码编辑器 3，HBuilder：是DCloud,推出的一款支持HTML5的Web开发IDE。熟悉这些工具之后，...
web前端学习分哪些阶段?
一、【前端开发】入门在这个阶段需要学习：1、HTML+CSS根底把握HTML的标签运用、排版技巧、CSS的布局定位、款式美化、浏览器兼容性。2、JavaScript根底把握JS的根本语法、条件、句子、循环等，学会常用算法，增强逻辑性。二、前端开发初级这个阶段要点把握这两方面的能力：1、运用j【JavaScript】 发杂乱的交...
WEB前端开发简历项目经验填写样本
4.在此项目中遇到如前后端代码交流问题，前后端商议数据模板格式，制作假数据。为了解决这些问题，自学了git,及与后端进行沟通解决问题 我的职责 web前端工程师项目经验（案例三）项目时间：2015-03 - 2015-05 项目名称：尚宝来 –App 项目描述：项目介绍 该项目运行在PC端的页面，是一个购买珠宝的网站。
电脑中的"命令脚本","应用程序"是什么意思?有什么作用?
如果以上方法都解决不了问题,甚至重装系统也不行,则说明硬件有问题,主要是内存方面或内存散热不良 电脑中的有一些结尾是"OGG"的程序,"OGG"是什么意思? Ogg是一种先进的有损的音频压缩技术,正式名称是Ogg Vorbis,是一种免费的开源音频格式。OGG编码格式远比90年代开发成功的MP3先进,它可以在相对较低的数据速率下实...
为什么零基础自学编程者,大多半途而废?
“解惑”也是学习中很重要的一环，当然也可以上论坛提问，但是这样一是效率低，二是有些问题，高手不屑于回答，而且还会调侃一下（这是不是也是其中一个障碍呢）拦路难度：除了第一个，好像都是无解的。所以，小智又发现了一个宇宙级的“矛与盾”：不会学=学不会 不会学学不会 那么，在国内，要...
J2EE能从事什么岗位?
相关岗位:web前端开发、网站后台开发工程师、高级后端开发工程师等 五、系统开发 比如很多的交易系统,现已是金融服务产业的一个很大的部分,它们同样也是Java编写。 相关岗位:分析系统-JAVA技术专家、java系统架构师、各行业需要的后台开发等。 六、大数据领域 没错,大数据领域中也会应用到java。 Hadoop以及其他大数据处...
web前端学习路线?
感兴趣的话点击此处，免费学习一下【Web前端】的学习路线：1. 核心基础:html、css、js的编程基础，jQuery，BOM和DOM模型等。2. 2.核心高级:JavaScript高级编程，html5+css3，jQuery插件开发，模块化组件开，BootStrap Express(Node.js)，MongoDB等。3. 3.前台交互:AJAX，REST API等。4.Web框架与...
怎么自学前端?
3、《CSS揭秘》神书，47 个 css 技巧让你在面对各种 css 问题的时候游刃有余。是 css 书籍中评分最高的了，css 进阶必备。4、《javascript语言精粹》，这本书可以在入门之前了解一下基本语法，以及在学习之前可以了解下 JS 里面的精粹以及糟粕，虽然这本书很薄很薄，但是值得反复去读的一本书。5、...
零基础如何学WEB前端
js开发WebApp项目)第5阶段：混合(Hybrid,ReactNative)开发(1周)内容包含：(微信小程序开发、ReactNative、各类混合应用开发)第6阶段：NodeJS全栈开发(1周)内容包括：(WebApp后端系统开发、一、NodeJS基础与NodeJS核心模块二、Express三、noSQL数据库)视频教程：网页链接 希望对你有帮助，望采纳~...
