通过单选值jsselect下拉框显示隐藏对应option一个js属性的写法麻烦帮我写个简单的

更新时间2018-09-03 09:16:45

因为完全不懂代码都是有的拿出来改 找不到这种的 麻烦帮我写一个

通过单选值 js select下拉框显示隐藏 对应option

单选值 men women kids

下拉men-11

men-12

men-13

women-21

women-22

women-23

kids-31

kids-32

kids-33

选择men 就显示

下拉men-11

men-12

men-13

 就显示其他隐藏 这样能做到吗 因为不懂这个 所以求助下 谢谢

单选下拉列表框对象的value属性值就是选中项的value值，因此只需用如下代码即可

var selected_val = document.getElementById(select_id).value;

并且，通过操作select下的option也可以得到被选项的value值，方法为：

var sel = document.getElementById(select_id);

var selected_val = sel.options[sel.selectedIndex].value;

javaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为javaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。 

在1995年时，由Netscape公司的Brendan Eich，在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作，Netscape管理层希望它外观看起来像java，因此取名为javaScript。但实际上它的语法风格与Self及Scheme较为接近。

为了取得技术优势，微软推出了JScript，CEnvi推出ScriptEase，与javaScript同样可在浏览器上运行。为了统一规格，因为javaScript兼容于ECMA标准，因此也称为ECMAScript。