码农成长记——js（表单元素之select）

最新推荐文章于 2022-10-19 04:21:39 发布

xueyue_zx

最新推荐文章于 2022-10-19 04:21:39 发布

阅读量412

点赞数

本文链接：https://blog.csdn.net/xueyue_zx/article/details/54096731

版权

本文详细探讨了JavaScript中与select相关的知识点，包括表单值的传递、onchange事件、select的各种属性，如selectedindex、options的用法，以及如何利用window.location.href和window.open进行页面跳转。此外，还介绍了Math.random()生成随机数的方法、字符串截取的substr函数，以及onfocus和onblur事件在表单元素交互中的应用。最后，展示了input元素的样式定义。

摘要由CSDN通过智能技术生成

1. 所有表单传递的值都是在value属性中
2. onchange 变化事件（只要里面有一个参数发生变化就会触发此事件）//js当中所有事件前面都有一个on
3. form元素之select的几个属性
   select.selectedindex 是获取option的下标（下标值人0开始/js,jq,php只要涉及到下标都是从0开始）
   select.options[n] 获取下标值为n的option
   select.options[n].value   获取下标值为n的option的value值
   select.options[n].text   获取下标值为n的option中间的文本值
4. window.location.href = "";
   window.open(url); //url是一个变量存储了网站地址
5. Math.random(); 随机数取值0-1
6. var str = "abcdefg"
    var ss = str.substr(0,1); //substr(start,length)第一个参数表示开始截取的下标（包含），第二个参数表示要截取的个数
    alert(ss);
7. onfocus();   聚焦事件
   onblur();      失焦事件

.input{font-size:14px;padding:6px;border:solid 1px #ddd;width:330px;height:20px;line-height:20px;
       display:block;border-radius:4px;-webkit-appearance:none;box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset;
       transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;margin-left:35px;margin-top:30px}