javascript - 使用 JavaScript "this"更改文本框中的文本?

标签 javascript forms this

当不同的单选按钮获得焦点时,我想更改文本框 id="1"中的文本。我认为它可以与“this.value”一起使用,但不知何故它不起作用。有人知道如何解决这个问题吗?

问候!

   <head>
     <title>Test</title>
     <script type="text/javascript">
        var a = function(){

            if(this.value == "p"){

                document.getElementById("1").value = "Question product";

            }
            else if(this.value== "v"){

                document.getElementById("1").value = "Question contract";

            }

            else if(this.value== "t"){

                document.getElementById("1").value = "Question technology";

            }

        }
     </script>

   </head>

   <body>
     <input type="radio" name="typ" value="p" onfocus="a()"/> product
     <input type="radio" name="typ" value="v" onfocus="a()"/> contract 
     <input type="radio" name="typ" value="t" onfocus="a()"/> technology 
     <br />
     <input type="text" value="Question" size="46" id="1"/>
   </body>

</html>

最佳答案

不要使用 focus,而是使用 onclick,请使用数组并为该字段提供一个以字母或下划线开头的 ID

<head>
     <title>Test</title>
     <script type="text/javascript">
      var questionDescription={
        p:"Question product",
        v:"Question contract",
        t:"Question technology"
      }
      window.onload=function(){
        var typ=document.getElementsByName("typ");
        for (var i=0,n=typ.length;i<n;i++) {
          typ[i].onclick=function() {
            document.getElementById("q1").value=questionDescription[this.value]
          }
        }
     }
     </script>

   </head>

   <body>
     <input type="radio" name="typ" value="p" /> product
     <input type="radio" name="typ" value="v" /> contract 
     <input type="radio" name="typ" value="t" /> technology 
     <br />
     <input type="text" value="Question" size="46" id="q1"/>
   </body>

</html>

关于javascript - 使用 JavaScript "this"更改文本框中的文本?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6485445/

相关文章:

javascript - 像选择器原型(prototype)这样的库中出现 'this' 的问题

javascript - setTimeout 函数中的 this 关键字嵌套在 on() 方法下。而且它不工作

javascript - 在jqgrid中实现删除和编辑操作

javascript - 如何在第一次点击时切换 div 显示?

forms - 我的表格是否放置在可访问的表格中?

tomcat - 如何强制浏览器在内容类型 http header 中设置字符集

javascript - 将此(对象)传递到对象方法之一嵌套方法

javascript - 使用 react Bootstrap 的下拉列表在小移动屏幕上无法正常工作

javascript - 如何从列表中输入单词?前任。指导网

PHP 表单创建库?