select问题，其中的onChange只执行一次

braynchang 2003-10-31 10:20:07

源代码：

<td align="right" valign="middle" bordercolor="#FFFFFF" bgcolor="#EAEAEA">
<form>
<select name="select1" size="1" onChange="javascript:window.open(this.options[this.selectedIndex].value)">
<option selected>--发布信息--</option>
<option value="fabuzsxx.asp">发布信息1</option>
<option value="fabudlxx.asp">发布信息2</option>
</select>
</form>
</td>

但是，当再页面上点击一下“发布信息1”时，可以执行，但是二次在点击，就不执行了，刷新一下或点击“发布信息2”（可执行）后，又可以执行。
就是不能重复执行，请问是怎么一回事？

...全文

612 10 打赏收藏转发到动态举报

写回复

10 条回复

切换为时间正序

请发表友善的回复…

发表回复

yywxlb 2003-10-31

打赏
举报

回复

avonqin(李文)说的到也不失为一种解决方法。
确实没想出什么好的方法，关注ing

avonqin 2003-10-31

打赏
举报

回复

this.selectedIndex=0的意思是你选中了第一个，不是说你第一个的值为0，与第一个选项值无关

avonqin 2003-10-31

打赏
举报

回复

你可以判断的嘛
onchange="javascript:if(this.selectedIndex!=0){window.open(this.options[this.selectedIndex].value);this.selectedIndex=0;}"

braynchang 2003-10-31

打赏
举报

回复

问题不是刚才我写的，不知该了那里我正在找

braynchang 2003-10-31

打赏
举报

回复

to： avonqin(李文)

这样应该是一个办法，但是点击默认的选项，我不想让弹出，该了value还是错你看看：<select name="select1" size="1" onChange="javascript:window.open(this.options[this.selectedIndex].value)">
<option value=0 selected>--发布信息--</option>
<option value="fabuzsxx.asp">发布信息1</option>
<option value="fabudlxx.asp">发布信息2</option>

整个程序都报错

braynchang 2003-10-31

打赏
举报

回复

那谁有好办法，可以连续点击？

avonqin 2003-10-31

打赏
举报

回复

选择后恢复初始状态
onchange="javascript:{window.open(this.options[this.selectedIndex].value);this.selectedIndex=0;}"

braynchang 2003-10-31

打赏
举报

回复

to；yywxlb(幽悠)
这样不行，在港一点击时就弹出窗口，还没有选择呢！

hozi 2003-10-31

打赏
举报

回复

onChange="javascript:window.open(this.options[this.selectedIndex].value)"
上面一句代码的意思就是当select的option值改变时执行javascript，当值不改变当然不会执行onChange后面的javascript。

yywxlb 2003-10-31

打赏
举报

回复

再次点击“发布信息1”时，select控件value并没有改变，也就是说onChange事件不会被触发。所以不能重复执行。而当你点击“发布信息2”后value改变，就会再次触发onChange时间。你如果想重复执行，把onChange事件换成onClick吧。

JavaScript：定义行为和动作 (基于对象和事件驱动的客户端脚本语言；也是一种广泛应用于客户端Web开发的脚本语言) 基于对象：网页中的一切元素都是假象！不需要new，即可直接使用事件驱动：JavaScript的执行都是由事件引发解释执行：先读到的先执行，后读到的会替代先读的可以使用任何文本编辑工具编写 JavaScript 代码，然后由浏览器解释执行。 JavaScript常用于实现如下功能： |--控制文档的外观和内容； |--对浏览器的控制； |--与 HTML 表单的交互； |--与用户的交互； |--执行计算等。 1.单击事件：定义在按钮的开始标签中语法：onclick="js语句" 弹出警告：alert(‘字符串’) 强调：1.js区分大小写 2.字符串单双引号不区分 [removed]标签：页面中专门集中编写JavaScript的区域 js的方法定义：function方法名([参数列表]){ 方法体 [return 返回值] } 注意：js中的方法可以直接写在代码中，不需要“类”包裹使用方法：方法名()-->方法调用-->立即执行 2.js文件：网页外专门保存js脚本的文件--推荐强调：HTML、CSS、JS都要使用UTF-8编码保存(window系统) 使用js文件引入网页：[removed][removed] 强调：一旦定义src属性则其中的代码失效解释执行：语句也可以直接写在js文件中，边解释边执行 3.***调试*** |--①.只有在执行时，才会报错 |--②.错误信息，浏览器页面看不到--没效果 | 解决：控制台--（工具-->JavaScript控制台或F12） | 包含错误信息；指向错误位置的超链接 |--③.打桩：在指定变量位置输出变量或对象的内容 console.log(内容);-->出现在控制台-->日志 4.变量：js中的变量不需要提前指定类型，由赋值时动态决定所有的变量都用var声明 5.数据类型： |--String(字符串类型) |--Number(数字类型) |--Boolean(布尔类型)0、-0、null、""、false/undefined或NaN,则该对象设置为false。其余都可以当true 6.数据类型的隐式转换： |--数字 + 字符串：数字转换为字符串 |--数字 + 布尔值：true转换为1，false转换为0 |--字符串 + 布尔值：布尔值转换为字符串true或false |--布尔值 + 布尔值：布尔值转换为数值1或0 7.数据类型转换函数：(方法前不需要对象调用的：全局函数) |--toString()：转换成字符串。所有数据类型均可转换为 string 类型； |--parseInt()：强制转换成整数。如果不能转换，则返回 NaN（not a number）； |--parseFloat()：强制转换成浮点数。如果不能转换，则返回 NaN(Not a Number) |--typeof()：查询数值当前类型。 |--isNaN()：判断是否为数字。返回 true：不是数字/false：是数字 | |--isNan(""):对空字符串不验证，直接返回false | |--如果输入的是字符串类型的数字，返回false--不能判断数据类型，只判断内容 | |--如果输入的是boolean，返回false。因为boolean可以和number类型直接做计算 | |--和任何数字计算都得NaN;和任何数字作比较都得false |--注：[removed]();节点输出，即在当前位置输出括号里的内容 *凡是从页面上进入js的都是字符串类型 8.查找元素：抓住根节点，就等于抓住整棵树网页的根节点：document对象要找元素，必须利用document对象（当前网页文件）精确查找某个ID的元素：document.getElementById(id名)； 9.null和undefined： |--null：一个特殊的值，表示“无值”--空对象。数据类型为Object |--undefined：表示声明了变量但从未赋值或者对象属性不存在 10.双等号（==）和全等号（===）： |--“==”为确定两个运算数是否相等，“==”运算符会进行类型转换。转换后运算数相等就返回true，否则返回false |--“===”不执行类型转换，即，只有在无需类型转换运算数就相等的情况下，才返回true，否则返回false |--附：if(null)、if(defined)、if(NaN)都相当于if(false) -----猜数字游戏----- 失去焦点时，判断猜对猜错获得焦点：onfocus 失去焦点：onblur 当事件就发生在获得内容的当前元素上： this直接获得当前内容对象。可以代替当前对象完成一切操作，拥有当前对象的所有属性前端优化：js中最好用三目运算代替if else 11.String： |--查找：x.indexOf(‘关键字’[，开始位置下标]) | 每次只查找第一次出现的位置 |--替换：x.replace(‘关键字’[,‘替换内容’])--不会修改原x字符串 | 每次只替换第一次找到的 |--查找和替换所有：while循环 | |--String 对象的常用方法有： |--x.toLowerCase()、x.toUpperCase()：大小写转换方法； |--x.charAt(index)：返回指定位置的字符； |--x.charCodeAt(index)：返回指定位置字符的Unicode编码； |--x.indexOf(findstr,index)、x.lastIndexOf(findstr,index)：获取指定字符； |--x.substring(start, end)：获取子字符串； |--x.replace(findstr,tostr)：替换子字符串； |--x.split(bystr)：拆分子字符串。 |--String与正则表达式 |--str.match(regExp);--查找str中匹配正则表达式的关键字 | 返回：如果没找到，返回null。若找到，返回1个数组，数组的每个元素是每个找到的匹配关键 | |--str.replace(regExp,"替换值")--替换str中所有匹配的关键字 | 强调：replace方法不改变元字符串，只能返回新字符串。必须用变量接收新字符串 | |--js中正则表达式语法：/正则表达式/[属性后缀]--其中属性后缀，g：全局匹配 i：忽略大小写(仅英文有效) 如果不适用模式匹配方式，将执行原文匹配结果：如果正则表达式写错，也将执行原文匹配 12.Array笔试题：js中数组声明方式： A new Array(7) B new Array(7，‘a’，true) C [7，'a',true]--js中所有[]都表示数组 D []--实例化一个空数组对象实例化空数组：var arr=[]; 特点：元素个数不限定，元素类型不限制 13.Array 对象的常用方法： |--1.join()方法--用于把数组中的所有元素放入一个字符串　 | eparato表示要使用的分隔符。如果省略该参数，则使用逗号作为分隔符 |--2.toString()方法--可把数组转换为字符串，并返回结果 |--3.concat()方法--用于连接两个或多个数组，该方法不会改变现有的数组 |--4.slice()方法--截取元素。根据给定的范围可从已有的数组中返回选定的元素 14.Function：js中一切都是对象，连方法都是1个对象！！笔试题：js中方法定义集中方式： A：function compare(a,b){return a-b;}---*可以任意地方声明方法* B：var compare=function(a,b){return a-b;} ---| --其实方法名也是方法对象的变量名;等号右边其实就是1个匿名方法对象 |--*必须在传递之前声明方法对象* C：var compare=new Function('a','b','return a-b') ---| --其实js底层就是new Function;构造函数中的参数都是字符串结论：所有的方法都是function类型的。 15.JavaScript中的所有事物都是对象，分为三类： |--简单对象：String、Number、Boolean |--组合对象：Array、Math、Date |--复杂对象：Function、Regex、Object等 16.Array排序： |--升序：function compare(a,b){return a-b;} |--降序：function compare(a,b){return b-a;} 比较器用法：arr.sort(比较器方法名); 遍历：for(var i=0;i执行其中的的JavaScript代码 23.BOM:操作浏览器窗口的对象模型。 --即浏览器对象模型，用来访问和操纵浏览器窗口，使 JavaScript 有能力与浏览器“对话” DOM：操作网页中元素对象的对象模型--即文档对象模型，用来操作文档 window对象的常用属性： |--document：窗口中显示的 HTML 文档对象 |--history：本次浏览过窗口的历史记录 | --前进：history.go(1);后退：history.go(-1);刷新：history.go(0); |--location：窗口文件地址对象（地址栏） |--event：事件对象 |--screen：屏幕对象 |--name：窗口名称 |--opener：打开当前窗口的 window 对象 |--navigator：有关浏览器的信息 |--cookieEnable：判断当前浏览器是否启用cookie |--userAgent:获得浏览器的名称和版本号 window 对象的常用方法有： |--alert();--警告框--只能点确认 |--confirm();确认框--可以选择确认或取消 |--prompt();对话框--用于显示可提示用户进行输入 |--window.open('url'[,'name'])：打开1个选项卡 |--window.close()：关闭当前选项卡 24.定时器：凡是网页中自动动态的效果都是用计时器实现的 |--周期性定时器：每隔一个时间段自动执行一次，循环执行 | |--setInterval() 启动-->用于启动一个周期性定时器 | 语法：timer=setInterval(方法名，间隔毫秒数) |--clearInterval() 停止-->用于停止一个周期性定时器语法：timer=clearInterval(timer) |--1次性定时器：先等待一段时间，再自动执行一次，自动结束 |--setTimeout() 启动-->用于启动一个一次性定时器 |--clearTimeout() 停止-->用于停止一个一次性定时器附： |--表单控件，读写内容：.value |--普通html元素，要想读写开始标签和结束标签之间的内容：[removed] 计时器：1.做什么事：方法； 2.一个变量：存计时器的线程号 3.何时启动计时器：事件 25.document：1.代表当前网页文档； 2.所有网页元素的根元素； 3.查找和操作元素，都要依靠document；节点：nodeName--标签名或属性名 DOM操作样式：对象.className属性等效于<标签class=""> DOM树：当前节点向上：txtObj[removed]（）向下：txtObj.getElementByTagName（） 26.表单中查找控件对象：document.getElementsByName('name属性') DOM增加新节点：两种方法创建新节点：document.creatElement('标签名') --此时新元素对象仅在内存中游离，页面看不见！添加新节点：找到父元素！ |--appendChild() 方法只能将新节点作为某节点的最后一个子节点 | --此时新元素追加到了父元素的末尾 |--parentNode.insertBefore()(新元素对象，A)--其中A为新元素要插入位置的后一位元素 DOM删除元素：node.removeChild(childNode)--node为父节点，childNode为要删除的节点 27.HTML DOM Select和Option对象： select对象：代表HTML表单中的一个下拉列表，每个<select> 标签即表示一个 Select 对象 |--属性： |--options：返回包含<select>元素中所有

前言：下拉框触发onchange事件，当再次点击选项时，没有改变无法触发；示例如下 ↓ 代码如下 ↓ // 下拉框切换 $(document).on('change', '.operation', function () { // ...... $(this).blur(); }) $(document)....

更改事件是在元素而不是元素上触发的。但是，这不是唯一的问题。您定义change函数的方式不会导致组件的重新渲染。似乎您可能尚未完全掌握React的概念，所以“在React中思考”可能会有所帮助。您必须将所选值存储为状态，并在值更改时更新状态。更新状态将触发组件的重新呈现。var MySelect = React.createClass({getInitialState: function() {r...

在下面的script方法执行之后combobox重新解析了，其中的数据被替换掉了，因为重新解析是没有重新赋值，所以下拉数据是空的，所以只需要解析的时候带上数据就可以了，下面的代码是加载的时候配置onChange属性，也就是只解析了一次，所以成功了。关于onChange，不管输入的是什么，easyui都会自动在隐藏值域中设置value的值（也就是AL,AK,AZ,AR这些），所以只有new val...

前言在下刚入门VUE不久，最近有个项目的页面进行了VUE改造，使用的是 element-UI ，其中有个功能如下，有一下拉选择列表：证书类别，选择其中某个证书类别，自动根据证书类别设置的前缀填写到证书编号的输入框中去。按道理这是一个onChange事件，也就是el-select的@Change事件可以搞定，但是却多次输出的undefined，最后通过改变思路，使用了el-option的@click.native的原生方法来实现。源代码+解决方案源代码+解决方案一起验证，忽略其他细节不看，我们可以发

28,391

社区成员

357,060

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章