精华内容
下载资源
问答
  • selectonchange事件问题

    千次阅读 2016-04-23 15:25:28
    一、onChange事件只有在值改变时才可触发,所以必须在每一次选择时(尤其第一次)保证选择的值是改变的! 所以  selected >个人 //在这要选定一个默认的值 "selected"  单位   这样在选择第二个时,...

    转自:http://blog.sina.com.cn/s/blog_5f7b8c2c0100l7yf.html


    一、onChange事件只有在值改变时才可触发,所以必须在每一次选择时(尤其第一次)保证选择的值是改变的!

    所以<select name="inv_payee" id="ECS_INVPAYEE" οnchange="show_payee();" style="border:1px solid #ccc;">
        <option value="个人" selected >个人</option>  //在这要选定一个默认的值 "selected"

        <option value="单位">单位</option>
        </select>

    这样在选择第二个时,值就会变即可触发onChange;

    二、我们用Select的onchange事件时,常会遇到这样一个问题,那就是连续选相同一项时,不触发onchange事件.select的onchange事件就是这样子的.你得有Change(改变),才能触发该事件....
    <select name=sel οnchange="bao(this.options[this.options.selectedIndex].value)">
    <option value="">请选择
    <option value="1">Item 1
    <option value="2">Item 2
    <option value="3">Item 3
    </select>
    <script>
    function bao(s)
    {
    txt.value =s;
    //选择后,让第一项被选中,这样,就有Change啦.
    document.all.sel.options[0].selected=true;
    }
    </script>
    <textarea id=txt></textarea>
    三、

    js中onchange事件是在客户端改变输入控件的值,比如一个textbox,会出发的一个事件。但是如果在js代码中改变一个textbox的value,而不是通过键盘输入改变一个textbox值的话,是不会出发onchange事件的。

    那么,如何在js代码模式通过代码触发textbox控件的onchange事件呢,经过查阅资料,发现js提供了一个方法,可以触发控件的应该是所有事件。object.fireEvent()方法,使用方法如 object.fireEvent('onchange'),即可触发控件的onchange事件。

    同理,js中使用fireEvent方法还可以触发其他的空间事件。

    触发onchange事件的问题,并不是值一旦更改就会触发onchange事件。
    对于onBlur和onFocus可以直接调用object.Blur()和object.Focus(),但javascript中没有object.Change
    事件。

    1.ie 处理1

     document.getElementByIdx_x('hid_provider_id').attachEvent("onpropertychange",function(){alert('gggg');});

    2.object.fireEvent()可以触发事件,如触发onchange事件则是object.fireEvent('onchange'),以此类推。

    例:
      <SELECT   id=select1     onchange="alert(this.value)">  
      <OPTION   value="0">0</OPTION>  
      <OPTION   value="1">1</OPTION>  
      <OPTION   value="2">2</OPTION>  
      </SELECT>  
       
      <INPUT   type="text"   id=text1   name=text1>  
      <INPUT   type="button"   value="Button"   onclick="select1.selectedIndex=text1.value"> 
      手动改变select的值,会触发onchange  
      脚本改变selectedIndex,不会触发onchange
    解决办法
    if   (select1.fireEvent)  
          select1.fireEvent("onchange")  
      else  
          select1.onchange()

    <INPUT   type="button"   value="Button"   onclick="select1.selectedIndex=text1.value;
    select1.fireEvent('onchange')">
    程序,里因为程序里有多个action里并每个action有多个submit按钮事件,为了区别代码,同时页面隐藏
    按钮
    <select name="select" onchange="document.getElementByIdx_x('seaoldsubmit').click();">
    <option value="0">查询条件</option>
    ......
    </select>
    <input type="submit" name="seaoldsubmit" value="确定" style="display:none">
    if(submitcheck('seaoldsubmit'))

    四、最近项目中遇到一个问题,要用js去触发onchange事件。
    上网找了一些资料,IE上有onpropertychang事件,可以用js去触发这个事件,但是Firefox不支持这个事件,
    然后在firefox中去绑定一个input事件。但是这是无效的啊,仍然不会去触发onchange事件。
    最后只能用未解决方案了!

    用js修改值的时候,在js执行修改完之后去执行onchange事件,不过这样即使这个值不改变的话也会调用这个方法。

    function handle()
    {document.getElementByIdx_x('msg').innerHTML='输入的文字长度为:'+document.getElementByIdx_x('txt').value.length;
    }
    //firefox下检测状态改变只能用oninput,且需要用addEventListener来注册事件。
    if(/msie/i.test(navigator.userAgent))    //ie浏览器
    {document.getElementByIdx_x('txt').onpropertychange=handle
    }
    else
    {//非ie浏览器,比如Firefox
    document.getElementByIdx_x('txt').addEventListener("input",handle,false);
    }
    </script>
    </head>

    <body id="mybody" class="index">
    <div id="msg"></div>
    <input id='txt' value="" />

    以上为测试代码。


    展开全文
  • selectonChange事件问题解决

    千次阅读 2018-11-21 10:14:31
    selectonChange事件问题解决
                   
    select的onChange事件问题解决 (onchange、onfocus、onclick、onmousedown)

    一、onChange事件只有在值改变时才可触发,所以必须在每一次选择时(尤其第一次)保证选择的值是改变的!

    所以<select name=”inv_payee” id=”ECS_INVPAYEE” οnchange=”show_payee();” style=”border:1px solid #ccc;”>
    <option value=”个人” selected >个人</option>  //在这要选定一个默认的值 “selected”

    <option value=”单位”>单位</option>
    </select>

    这样在选择第二个时,值就会变即可触发onChange;

    二、我们用Select的onchange事件时,常会遇到这样一个问题,那就是连续选相同一项时,不触发onchange事件.select的onchange事件就是这样子的.你得有Change(改变),才能触发该事件….
    <select name=sel οnchange=”bao(this.options[this.options.selectedIndex].value)”>
    <option value=”">请选择
    <option value=”1″>Item 1
    <option value=”2″>Item 2
    <option value=”3″>Item 3
    </select>
    <script>
    function bao(s)
    {
    txt.value =s;
    //选择后,让第一项被选中,这样,就有Change啦.
    document.all.sel.options[0].selected=true;
    }
    </script>
    <textarea id=txt></textarea>
    三、

    js中onchange事件是在客户端改变输入控件的值,比如一个textbox,会出发的一个事件。但是如果在js代码中改变一个textbox的value,而不是通过键盘输入改变一个textbox值的话,是不会出发onchange事件的。

    那么,如何在js代码模式通过代码触发textbox控件的onchange事件呢,经过查阅资料,发现js提供了一个方法,可以触发控件的应该是 所有事件。object.fireEvent()方法,使用方法如 object.fireEvent(‘onchange’),即可触发控件的onchange事件。

    同理,js中使用fireEvent方法还可以触发其他的空间事件。

    触发onchange事件的问题,并不是值一旦更改就会触发onchange事件。
    对于onBlur和onFocus可以直接调用object.Blur()和object.Focus(),但javascript中没有object.Change
    事件。

    1.ie 处理1

    document.getElementByIdx_x(‘hid_provider_id’).attachEvent(“onpropertychange”,function(){alert(‘gggg’);});

    2.object.fireEvent()可以触发事件,如触发onchange事件则是object.fireEvent(‘onchange’),以此类推。

    例:
    <SELECT   id=select1     οnchange=”alert(this.value)”>
    <OPTION   value=”0″>0</OPTION>
    <OPTION   value=”1″>1</OPTION>
    <OPTION   value=”2″>2</OPTION>
    </SELECT>

    <INPUT   type=”text”   id=text1   name=text1>
    <INPUT   type=”button”   value=”Button”   οnclick=”select1.selectedIndex=text1.value”>
    手动改变select的值,会触发onchange
    脚本改变selectedIndex,不会触发onchange
    解决办法
    if   (select1.fireEvent)
    select1.fireEvent(“onchange”)
    else
    select1.onchange()

    <INPUT   type=”button”   value=”Button”   οnclick=”select1.selectedIndex=text1.value;
    select1.fireEvent(‘onchange’)”>
    程序,里因为程序里有多个action里并每个action有多个submit按钮事件,为了区别代码,同时页面隐藏
    按钮
    <select name=”select” οnchange=”document.getElementByIdx_x(‘seaoldsubmit’).click();”>
    <option value=”0″>查询条件</option>
    ……
    </select>
    <input type=”submit” name=”seaoldsubmit” value=”确定” style=”display:none”>
    if(submitcheck(‘seaoldsubmit’))

    四、最近项目中遇到一个问题,要用js去触发onchange事件。
    上网找了一些资料,IE上有onpropertychang事件,可以用js去触发这个事件,但是Firefox不支持这个事件,
    然后在firefox中去绑定一个input事件。但是这是无效的啊,仍然不会去触发onchange事件。
    最后只能用未解决方案了!

    用js修改值的时候,在js执行修改完之后去执行onchange事件,不过这样即使这个值不改变的话也会调用这个方法。

    function handle()
    {document.getElementByIdx_x(‘msg’).innerHTML=’输入的文字长度为:’+document.getElementByIdx_x(‘txt’).value.length;
    }
    //firefox下检测状态改变只能用oninput,且需要用addEventListener来注册事件。
    if(/msie/i.test(navigator.userAgent))    //ie浏览器
    {document.getElementByIdx_x(‘txt’).onpropertychange=handle
    }
    else
    {//非ie浏览器,比如Firefox
    document.getElementByIdx_x(‘txt’).addEventListener(“input”,handle,false);
    }
    </script>
    </head>

    <body id=”mybody”>
    <div id=”msg”></div>
    <input id=’txt’ value=”" />

    以上为测试代码。

    五.onfocus实现了任意点击,在数据库了也只查询一次

    六。onmousedown 单击一次就查询一次,所以每选择一次就查询一次,增加了数据库的负担。每次选择至少要查询两次(一次是在数据库加载数据,一次是选择选项时又触发一次,)

               

    再分享一下我老师大神的人工智能教程吧。零基础!通俗易懂!风趣幽默!希望你也加入到我们人工智能的队伍中来!http://www.captainbed.net

    这里写图片描述
    展开全文
  • select控件onchange事件的兼容性问题

    千次阅读 2014-01-06 00:17:56
    但是我在做的时候发现在firefox下,用键盘上下来改变select值时触发onchange事件,而必须要按回车键才可以,而ie和opera等都触发,哎呀我去,我本来以为可以做一个不用考虑浏览器兼容问题的web开发人员,也不用写...

    html控件select的onchange事件可以处理当用鼠标改变select的值时要做的事情

    但是我在做的时候发现在firefox下,用键盘上下来改变select值时不触发onchange事件,而必须要按回车键才可以,而ie和opera等都触发,哎呀我去,我本来以为可以做一个不用考虑浏览器兼容问题的web开发人员,也不用写css,这样可以将精力多放在后端php开发中,不过js还是碰到这样的问题。下面是解决方案


    <select οnkeyup="this.blur();this.focus();" name="sel" οnchange="function()">

    这样就可以实现在firefox中不触发onchange的但也可以用键盘操作的效果了。

    实际功能就是响应键盘事件,然后让select控件失去焦点再获得焦点就可以了

    亲测有效~


    还有另外一个兼容性问题

    Firefox中this.options.value失效
    改为this.value即可。IE与FF都通过,在IE7及更高版本中,支持this.options.value


    展开全文
  • Select下拉框onchange事件获取option的value值
                           
    <select name="type" onchange="show_sub(this.options[this.options.selectedIndex].value)">        <option value="0">请选择主菜名</option>        <option value="1">白菜</option>        <option value="2">萝卜</option>     </select> 
      
    • 1
    • 2
    • 3
    • 4
    • 5

    js代码比较简单

    <script>         function show_sub(v){             alert(v);         }     </script>   
      
    • 1
    • 2
    • 3
    • 4
    • 5

    最重要的知识点是获在select onchange时获取option的value值:

    this.options[this.options.selectedIndex].value
      
    • 1
               

    再分享一下我老师大神的人工智能教程吧。零基础!通俗易懂!风趣幽默!希望你也加入到我们人工智能的队伍中来!http://www.captainbed.net

    这里写图片描述
    你好! 这是你第一次使用 **Markdown编辑器** 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章,了解一下Markdown的基本语法知识。

    新的改变

    我们对Markdown编辑器进行了一些功能拓展与语法支持,除了标准的Markdown编辑器功能,我们增加了如下几点新功能,帮助你用它写博客:

    1. 全新的界面设计 ,将会带来全新的写作体验;
    2. 在创作中心设置你喜爱的代码高亮样式,Markdown 将代码片显示选择的高亮样式 进行展示;
    3. 增加了 图片拖拽 功能,你可以将本地的图片直接拖拽到编辑区域直接展示;
    4. 全新的 KaTeX数学公式 语法;
    5. 增加了支持甘特图的mermaid语法1 功能;
    6. 增加了 多屏幕编辑 Markdown文章功能;
    7. 增加了 焦点写作模式、预览模式、简洁写作模式、左右区域同步滚轮设置 等功能,功能按钮位于编辑区域与预览区域中间;
    8. 增加了 检查列表 功能。

    功能快捷键

    撤销:Ctrl/Command + Z
    重做:Ctrl/Command + Y
    加粗:Ctrl/Command + B
    斜体:Ctrl/Command + I
    标题:Ctrl/Command + Shift + H
    无序列表:Ctrl/Command + Shift + U
    有序列表:Ctrl/Command + Shift + O
    检查列表:Ctrl/Command + Shift + C
    插入代码:Ctrl/Command + Shift + K
    插入链接:Ctrl/Command + Shift + L
    插入图片:Ctrl/Command + Shift + G

    合理的创建标题,有助于目录的生成

    直接输入1次#,并按下space后,将生成1级标题。
    输入2次#,并按下space后,将生成2级标题。
    以此类推,我们支持6级标题。有助于使用TOC语法后生成一个完美的目录。

    如何改变文本的样式

    强调文本 强调文本

    加粗文本 加粗文本

    标记文本

    删除文本

    引用文本

    H2O is是液体。

    210 运算结果是 1024.

    插入链接与图片

    链接: link.

    图片: Alt

    带尺寸的图片: Alt

    当然,我们为了让用户更加便捷,我们增加了图片拖拽功能。

    如何插入一段漂亮的代码片

    博客设置页面,选择一款你喜欢的代码片高亮样式,下面展示同样高亮的 代码片.

    // An highlighted block var foo = 'bar'; 

    生成一个适合你的列表

    • 项目
      • 项目
        • 项目
    1. 项目1
    2. 项目2
    3. 项目3
    • 计划任务
    • 完成任务

    创建一个表格

    一个简单的表格是这么创建的:

    项目Value
    电脑$1600
    手机$12
    导管$1

    设定内容居中、居左、居右

    使用:---------:居中
    使用:----------居左
    使用----------:居右

    第一列第二列第三列
    第一列文本居中第二列文本居右第三列文本居左

    SmartyPants

    SmartyPants将ASCII标点字符转换为“智能”印刷标点HTML实体。例如:

    TYPEASCIIHTML
    Single backticks'Isn't this fun?'‘Isn’t this fun?’
    Quotes"Isn't this fun?"“Isn’t this fun?”
    Dashes-- is en-dash, --- is em-dash– is en-dash, — is em-dash

    创建一个自定义列表

    Markdown
    Text-to- HTML conversion tool
    Authors
    John
    Luke

    如何创建一个注脚

    一个具有注脚的文本。2

    注释也是必不可少的

    Markdown将文本转换为 HTML

    KaTeX数学公式

    您可以使用渲染LaTeX数学表达式 KaTeX:

    Gamma公式展示 Γ ( n ) = ( n − 1 ) ! ∀ n ∈ N \Gamma(n) = (n-1)!\quad\forall n\in\mathbb N Γ(n)=(n1)!nN 是通过欧拉积分

    Γ ( z ) = ∫ 0 ∞ t z − 1 e − t d t &ThinSpace; . \Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,. Γ(z)=0tz1etdt.

    你可以找到更多关于的信息 LaTeX 数学表达式here.

    新的甘特图功能,丰富你的文章

    gantt
            dateFormat  YYYY-MM-DD
            title Adding GANTT diagram functionality to mermaid
            section 现有任务
            已完成               :done,    des1, 2014-01-06,2014-01-08
            进行中               :active,  des2, 2014-01-09, 3d
            计划一               :         des3, after des2, 5d
            计划二               :         des4, after des3, 5d
    
    • 关于 甘特图 语法,参考 这儿,

    UML 图表

    可以使用UML图表进行渲染。 Mermaid. 例如下面产生的一个序列图::

    张三 李四 王五 你好!李四, 最近怎么样? 你最近怎么样,王五? 我很好,谢谢! 我很好,谢谢! 李四想了很长时间, 文字太长了 不适合放在一行. 打量着王五... 很好... 王五, 你怎么样? 张三 李四 王五

    这将产生一个流程图。:

    链接
    长方形
    圆角长方形
    菱形
    • 关于 Mermaid 语法,参考 这儿,

    FLowchart流程图

    我们依旧会支持flowchart的流程图:

    • 关于 Flowchart流程图 语法,参考 这儿.

    导出与导入

    导出

    如果你想尝试使用此编辑器, 你可以在此篇文章任意编辑。当你完成了一篇文章的写作, 在上方工具栏找到 文章导出 ,生成一个.md文件或者.html文件进行本地保存。

    导入

    如果你想加载一篇你写过的.md文件或者.html文件,在上方工具栏可以选择导入功能进行对应扩展名的文件导入,
    继续你的创作。


    1. mermaid语法说明 ↩︎

    2. 注脚的解释 ↩︎

    展开全文
  • 解决select下拉框的onchange方法没反应的问题 问题:在使用Bootstrap时,改变下拉框的值,发现select下拉框的onchange方法没反应,该方法没有被触发。 解决方法:在select下拉框的onchange方法中的第一行代码中写...
  • select.onchange事件 代替 onption.onclick事件
  • 大家知道原生不支持,需要自己改代码,改哪里呢?今天下午花了两个小时定位修改这个问题,居然没google到解决方法,嘿嘿。。。 找到selectItem函数改就好啦。
  • onchange 事件

    2019-07-22 19:23:49
    定义和用法 onchange 事件会在域的内容改变时发生。 语法 onchange="SomeJavaScriptCode" 参数 ...规定该事件发生时执行的 JavaScript。... 支持该事件的 HTML 标签: ...select>, <texta...
  • select id=”lstTest” onfocus=”this.defaultIndex=this.selectedIndex;” onchange=”this.selectedIndex=this.defaultIndex;”> ”1″>test1</option> ”2″>test2</option> ”3″ selected=”selected”>...
  • 我首先想到的是在select中增加onchange()事件,当select的value改变时,隐藏掉其他select的这个option选项。最初我用的是jQuery的show()与hide()方法直接实现,但后来我发现这种方法在ie上存在隐藏掉的问题。 ...
  • ie 跟 chrome 中 select 下拉框 option 不支持onclick事件 可以用onchange事件    option1  option1 经本人亲测,兼容ie chrome 跟火狐,Mark下
  • select name="Priore" id="prioe" onchange="return showcolor()"> <option> </option> <option value = "1">Red</option> <option value = "2">Blue</option> </...
  • 咱也知道,咱也敢问。我也认识它,它也认识我。一顿百度认识了~~ 1、body体里的下拉选框 <tr class="balance" > <td align="right">结算方式<span>*</span><e>:</e>...
  • onchange 事件会在域的内容改变时发生。 onchange 事件也可用于单选框与复选框改变后触发的事件。 转载于:https://www.cnblogs.com/hello321/p/7822969.html
  • onchange() 事件

    万次阅读 2018-10-10 12:11:55
    onchange 事件会在域的...支持该事件的 JavaScript 对象: fileUpload, select, text, textarea 在本例中,我们将在用户改变输入域内容时执行 JavaScript 代码: &lt;html&gt; &lt;head&gt; &l...
  • 思路是这样的,给select框中添加onChange事件以解决进行下拉框选择的问题,然后添加onSearch事件来解决手动输入存在的内容的问题: <Select allowClear showSearch placeholder="请选择" o...
  • 1.Select必须具备onSearch,onBlur,onChange这三个属性; <Select showSearch value={this.state.value} onSearch={…} onBlur={…} onChange={…} {optionsFor} 2.在onSearch中使用回调,并设置state {this....
  • select id="sel" onchange="ch()"> <option value="北京">北京</option> <option value="上海">上海</option> <option value="天津">天津</option> <option ...
  • 我正在尝试使用Python自动化internetexplorer与网站的交互。...我已经阅读了一些其他的参考资料(下面的链接),它们指出我应该查找AJAX请求并直接触发它,但我确定如何执行此操作。在我想“onchan...
  • jsp常用的onchange事件

    千次阅读 2017-12-11 14:50:04
    定义和用法: onchange 事件会在域的内容改变时发生。 onchange 事件也可用于...例如、<select>、<textarea><input type="text" id="name" onchange="myFunction()"> function myFunction(){ var x=document.getE
  • 通常使用ant design的表单验证时,我们直接在getFieldDecorator中使用rules来定义校验规则,默认的触发校验规则则的事件validateTrigger为onChange,也就是说,触发onblur事件时不会校验其中的规则。 <FormItem ...
  • 刚刚碰到一个要为html select添加readonly属性的要求,可是select不支持readonly属性的,找了找,方法还是有的,不过大都比较麻烦。以下的方法个人认为是最简单的: [xhtml] view plaincopyselect id="lstTest...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 13,130
精华内容 5,252
关键字:

onchange不支持select