首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >通过Javascript动态设置焦点

通过Javascript动态设置焦点
EN

Stack Overflow用户
提问于 2014-02-26 06:20:16
回答 3查看 1K关注 0票数 0

我想在用户关注select元素时触发一个事件。我不能编辑正文代码。因此,我试图通过head oly中的JS来实现它。如果我可以在我的select元素中添加属性,即使是在header标签中的Javascript,这也是很有意义的。

我希望当用户单击选择元素时显示警报。帮助。

代码语言:javascript
运行
AI代码解释
复制
    <html>
    <head>
    <script>
    window.onload = function()
    {   

        var f = document.getElementById("CheckForm");

        var temp = document.getElementById("CheckForm.t1");
        if(f.name == "CheckForm")
        {
          var temp1 = document.getElementById("t1");
          temp1.value = "Task";
        }
        if(document.getElementByd("t2").focus)
        {
            alert("hello");
        }       

    }

   </script>
   </head>
   <body>
    <form name="CheckForm" id="CheckForm">
    t1: <input type="text" id="t1" name="t1"/>
    t2: <select id="t2">
        <option></option>
                    <option>1</option>
        <option>2</option>
        </select>   
    t3: <input type="text" id="t3" name="t3"/>
   </form>
 </body>
 </html>
EN

回答 3

Stack Overflow用户

发布于 2014-02-26 06:27:24

试试这个:

代码语言:javascript
运行
AI代码解释
复制
document.getElementById("t2").setAttribute("onclick", "alert()");
票数 0
EN

Stack Overflow用户

发布于 2014-02-26 06:36:29

尝试以下代码

代码语言:javascript
运行
AI代码解释
复制
    var att=document.createAttribute("onclick");
    att.value="yourFunction()";         
    document.getElementById("t2").setAttributeNode(att);


function yourFunction(){
// your js code
}
票数 0
EN

Stack Overflow用户

发布于 2014-02-26 06:45:18

使用此选项,当选择框获得焦点时,将出现警告消息

代码语言:javascript
运行
AI代码解释
复制
<html>
        <head>
        <script>
        window.onload = function()
        {   

            var f = document.getElementById("CheckForm");

            var temp = document.getElementById("CheckForm.t1");
            if(f.name == "CheckForm")
            {
              var temp1 = document.getElementById("t1");
              temp1.value = "Task";
            }
            if(document.getElementById("t2").focus)
            {
                alert("hello");
            }   

            document.getElementById("t2").setAttribute("onfocus", "selectHiglight()");

        }

    var selectHiglight=function(){
        alert('select get hilghited');
    };

       </script>
       </head>
       <body>
        <form name="CheckForm" id="CheckForm">
        t1: <input type="text" id="t1" name="t1"/>
        t2: <select id="t2">
            <option></option>
                        <option>1</option>
            <option>2</option>
            </select>   
        t3: <input type="text" id="t3" name="t3"/>
       </form>
     </body>
     </html>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/22033396

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档