简单的下拉菜单onchange问题-CSDN论坛

简单的下拉菜单onchange问题

Web 开发 > JavaScript

收藏回复

[问题点数：40分，结帖人aji19810907]

⋅简单的下拉菜单onchange问题 ⋅朋友求个安卓app，询问下报价 ⋅各位大侠好，请问关键字 'as' 附近有语法错误如何解决？ 更多帖子 关注私信空间博客 aji19810907 等级 本版专家分：17 结帖率 100%: <p>选择列表
  <select name="select" id="xuanxiang" onchange="bian()">
    <option>选项1</option>
    <option>选项2</option>
    <option>选项3</option>
    <option>选项4</option>
    <option>选项5</option>
  </select>
</p>
<table width="42%" height="149" border="1">
<div id="a1"><tr><td>内容1</td><td> </td></tr></div>
<div id="a2"><tr><td>内容2</td><td> </td></tr></div>
<div id="a3"><tr><td>内容3</td><td> </td></tr></div>
<div id="a4"><tr><td>内容4</td><td> </td></tr></div>
<div id="a5"><tr><td>内容5</td><td> </td></tr></div>
</table>
<p> </p>
</body>
</html>
<script language="javascript">
var zhi=document.getElementById("xuanxiang").value;
var zhi1=zhi.options[zhi.selectedIndex].value;
var a1=document.getElementById("a1");
var a2=document.getElementById("a2");
var a3=document.getElementById("a3");
var a4=document.getElementById("a4");
var a5=document.getElementById("a5");
function bian(){
if (zhi1=="选项1" or zhi1=="选项2")
  {
  a3.style.display='none';
  a4.style.display='none';
  a5.style.display='none';
  }
else if (zhi1=="选项3")
  {
  a5.style.display='none';
  }
else
  {

  }

}
</script>

2014-03-26 10:24:03

点赞只看楼主引用举报楼主收起

展开阅读全文

⋅升星散分 ⋅联合会杯又猜赢了2000分，散分 ⋅升星星，散个分 更多帖子 关注私信空间博客 版主 人生难得一只鸡 等级 本版专家分：17033 勋章 红花 2012年8月 .NET技术大版内专家分月排行榜第一 黄花 2014年5月 Web 开发大版内专家分月排行榜第二 2014年4月 Web 开发大版内专家分月排行榜第二 蓝花 2014年3月 Web 开发大版内专家分月排行榜第三 2014年2月 Web 开发大版内专家分月排行榜第三 2013年7月 .NET技术大版内专家分月排行榜第三 2013年6月 .NET技术大版内专家分月排行榜第三 2012年9月 .NET技术大版内专家分月排行榜第三

js逻辑错误，标签嵌套不规范，一系列的问题，如下修改，运行看看

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="textml; charset=utf-8" />

<title>无标题文档</title>

<style>



</style>

<script>



</script>

</head>



<body>





<p>选择列表

  <select name="select" id="xuanxiang" onchange="bian()">

    <option>选项1</option>

    <option>选项2</option>

    <option>选项3</option>

    <option>选项4</option>

    <option>选项5</option>

  </select>

</p>

<div id="a1"><tr><td>内容1</td><td>&nbsp;</td></tr></div>

<div id="a2"><tr><td>内容2</td><td>&nbsp;</td></tr></div>

<div id="a3"><tr><td>内容3</td><td>&nbsp;</td></tr></div>

<div id="a4"><tr><td>内容4</td><td>&nbsp;</td></tr></div>

<div id="a5"><tr><td>内容5</td><td>&nbsp;</td></tr></div>

<p>&nbsp;</p>

</body>

</html>

<script language="javascript">





var a1=document.getElementById("a1");

var a2=document.getElementById("a2");

var a3=document.getElementById("a3");

var a4=document.getElementById("a4");

var a5=document.getElementById("a5");

function bian(){

	var zhi=document.getElementById("xuanxiang");

	var zhi1=zhi.options[zhi.selectedIndex].value;

if (zhi1=="选项1" || zhi1=="选项2")

  {

  a3.style.display='none';

  a4.style.display='none';

  a5.style.display='none';

  }

else if (zhi1=="选项3")

  {

  a5.style.display='none';

  }

else

  {

 

  }



}

</script>

</body>

<html>

2014-03-26 10:43:11

点赞只看TA 引用举报 #1得分 0

⋅求psysh使用文档 ⋅sphinx有没有类似xunsearch的getFacets方法 ⋅求算法操作 更多帖子 关注私信空间博客 嘻哈大咖秀 等级 本版专家分：10418 勋章 铜牌 2014年3月总版技术专家分月排行榜第三 黄花 2014年4月 PHP大版内专家分月排行榜第二 2014年3月 PHP大版内专家分月排行榜第二 2014年3月 Web 开发大版内专家分月排行榜第二 2014年2月 PHP大版内专家分月排行榜第二 蓝花 2014年4月 Web 开发大版内专家分月排行榜第三

<!DOCTYPE html>

<html>

<head>

	<meta charset="utf-8" />

	<title></title>

	<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js"></script>

</head>



<body>

	

	<p>选择列表

		<select name="select" id="xuanxiang" onchange="bian()">

			<option>选项1</option>

			<option>选项2</option>

			<option>选项3</option>

			<option>选项4</option>

			<option>选项5</option>

		</select>

	</p>

	<table width="42%" height="149" border="1">

		<tr id="a1"><td>内容1</td><td>&nbsp;</td></tr>

		<tr id="a2"><td>内容2</td><td>&nbsp;</td></tr>

		<tr id="a3"><td>内容3</td><td>&nbsp;</td></tr>

		<tr id="a4"><td>内容4</td><td>&nbsp;</td></tr>

		<tr id="a5"><td>内容5</td><td>&nbsp;</td></tr>

	</table>

	<p>&nbsp;</p>

	<script language="JavaScript">

		

		var a1=document.getElementById("a1");

		var a2=document.getElementById("a2");

		var a3=document.getElementById("a3");

		var a4=document.getElementById("a4");

		var a5=document.getElementById("a5");

		function bian(){

			var zhi=document.getElementById("xuanxiang");

				var zhi1=zhi.options[zhi.selectedIndex].value;

				

			if (zhi1=="选项1" || zhi1=="选项2")

			{

				

				//alert(zhi1);

				a3.style.display="none";

				a4.style.display='none';

				a5.style.display='none';

			}

			else if (zhi1=="选项3")

			{

				a5.style.display='none';

			}

			else

			{



			}



		}

	</script>

</body>

</html>

2014-03-26 11:01:35

点赞只看TA 引用举报 #2得分 40

收起

收藏回复

aji19810907

等级：

关注私信 TA的帖子

个人js学习实例-下拉菜单onchange: html： <select name="" id="demo"> <option value="01">吉祥01</option> <option value="02"...&

下拉框的触发事件分析（onchange、onfocus、onclick）: select的onChange事件问题解决（onchange、onfocus、onclick、onmousedown）一、onChange事件只有在值改变时才可触发，所以必须在每一次选择时（尤其第一次）保证选择的值是改变的！所以 selected >个人 //...

菜单联动的实现一（下拉框的onchange事件）: 1、编写测试表单 <form name="form"&... onChange="changeDrop2()" size="1"> <option selected value="Select A Product&qu

下拉菜单（利用的onchange事件）: //利用select>的onchange事件打开别的网站select onchange="navigate(http://www.+this.options(this.selectedIndex).value+.com)"> //this.options(this.selectedIndex).value这个好像用于引用下面value=baidu的...

下拉列表的onchange事件: 昨天调了半天的前台界面，最后终于实现了想要的下拉列表值变化，跳转action效果。错误原因为：1.将" onchange="goUrl(2)"写成" onchange="goUrl(2);"导致JS行为不执行；2.在函数中获取值时，将var navId = document....

js-下拉列表操作（onchange）: 这里输入代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <link rel="stylesheet" href="c...

【下拉菜单】随前一个下拉菜单内容变化而变化的下拉菜单: var data = [ { p: "省1", c: ["市a", "市b"] }, { p: "省2", c: ["市c", "市d", "市e"] } ] var main = document.ge

ajax实现级联下拉菜单: ajax实现级联下拉菜单

2018/2/3 switch，下拉菜单事件onchange，数组常用方法: 1. 两个小循环循环 for(初始化; 条件; 增量){} while() 当 do {} while() while(条件) { 语句 } var j = 1; while(j<=100) { sum1+=j; j++; } console.log(sum1); do ...

全国省份城市级联下拉菜单: 以前的时候没事做的，很准确

html5中js添加下拉菜单: select id="first" onchange="change()">select>br/> ul id="caidan">ul> script> var first = document.getElementById('first'); var caidan = document.getElementById("caidan"); function init()

完美解决动态二级下拉菜单联动问题: 现在是一个静态的演示来说明实现的原理： var totalCount=12; //定义数据总数，包括1级2级 ... //数据结构，是个数组的数组，可以使用开发语言动态产生 ... //一级菜单表示为0 dataArray[1] =

单击下拉菜单里面的选项实现跳转: jsp，实现单击下拉菜单的内容，直接跳转到相应界面。实现代码特别简单。

利用二维数组创建动态下拉菜单&购物简易计算器: 1.利用二维数组创建动态下拉菜单 &lt;!doctype html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &...

Struts2+jquery实现下拉菜单联动: 利用jquery实现了一个菜单(select)联动，属转帖在实现之前，需要让struts2支持json格式的数据。这里需要一个插件jsonplugin-0[1].32.jar。中间的32表示支持struts2.0.x。如果使用struts2.1以上，则需要jsonplugin-...

JS下拉菜单实现字体大小（实例）: http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999/xhtml"> 无标题文档 function changeCont() { var num=document.getElementById("select"); ...

简单实现通过下拉菜单切换图片: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="...met

PHP地区二级联动下拉菜单: echo 'province=[];'; foreach ($arrProvinces as $province) { echo 'province.push(['.$province['ProvinceID'].',"'.$province['ProvinceName'].'"]);'; } echo 'city=[];...foreach ($arrCitys as $city)

jQuery 3下拉菜单 - onChange: select name="primary_cat" id="primary_cat" class="demoInputBox" onChange="getSecondary(this.value);"> <option value="">Select Primary</option> <?php foreach($results as $...

Axure下拉菜单设置: 设置： ...双击下拉选单，编辑下拉列表【 - 请选择 - （此选中为默认项）、新页面一、新页面二、新页面三】 { 此下拉菜单有【...】几个选项 } ——————————————————————

简单的添加下拉菜单: link rel="stylesheet" type="text/css" href="css/global.css" /> <link rel="stylesheet" type="text/css" href="css/layout.css"...

中国地区三级联动下拉菜单: <html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"&

Asp 下拉框 onChange 事件: onChange="showmoney(this.options[this.options.selectedIndex].value)" function KJLXChange(selectedindex) { if ((selectedindex==1) || (selectedindex==2)) { document.getElementByIdx_x("jianshu

js控制select 下拉菜单: 通过js控制select下拉菜单通过js获取select下拉菜单的值 select 下拉框html class="form-control" > <option>1 监听select的change事件 events{ 'change #fi

Bootstrap级联下拉菜单，你肯定用得到: 今天我将介绍自定义的bootstrap级联下拉菜单（你肯定用得到），主要应用场合有省市级关联菜单等等

下拉菜单和文本框结合: 简单实现可以编辑的下拉菜单

下拉菜单里选择歌曲播放: jsp页面 <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <% String path = request....+request.getServerNa...

HTML五级下拉联动菜单: 做网页的菜单联动网上的看起来很负责，...这个代码简单，而且在上一篇 android下拉五级菜单联动的博文中的理论思想已经讲的很详细的了，不知道可以查看，下来直接看代码<!DOCTYPE html> <script type="text/java

jsp页面--下拉菜单: 要求实现的效果：在一个下拉菜单中选择一个【serverName】，选择后，在该下拉菜单下面显示该【serverName】对应的IP地址。其中，【serverName】与IP地址是一一对应的。这些内容从后台的一个List中读取。 int index ...

Javascript Infinite Level Select 无限级联动下拉菜单: 第一个条目作为提示项，自动选择唯一选项的菜单，设置回调函数在onChange事件触发时获取下拉菜单相关信息。详细功能及设置请见DEMO。RequirementjQuery v1.6+License Dual licensed under the MIT and GPL lice...

相关热词 c# panel边框 c#调用dll报错 c# 编写dll c# dll修复工具 c# timer 多线程 c# 发送邮件带图片 c# 集合怎么赋值画笔c# c# int数组传给c c#sql语句拼接