【问题标题】:get the input box 'name' using javascript使用javascript获取输入框'name'
【发布时间】:2012-10-01 17:41:09
【问题描述】:

我正在用 PHP 制作表单并使用 javascript 提交。我想获取输入框的名称,因为普通编码给出了输入框的值,但我需要获取输入框的名称。没有 onclick 功能。是否有可能在单击按钮时在其他 javascript 函数中检索输入框的名称。 例如

<input type="radio" name="text_name" value="4" id="d">

现在单击另一个按钮,我正在调用test(),在test() 中如何获取输入框的名称。

【问题讨论】:

    标签: php javascript codeigniter


    【解决方案1】:
    var txtbox = document.getElementById("d");
    var txtboxname = txtbox.name;
    

    【讨论】:

      【解决方案2】:

      你可以通过使用 attr 函数来做到这一点...

      在你的测试函数中添加这个...

      $('#d').attr('name');  // this will return text_name in your case (if you are using jquery)
      

      var inputname=document.getElementById("d").name  //javascript
      

      【讨论】:

        【解决方案3】:

        把它放在你的javascript函数上

        var name=document.getElementById("d").name;
        

        【讨论】:

          【解决方案4】:

          函数测试() {
          返回 document.getElementById("d").name; }

          【讨论】:

            【解决方案5】:

            不太确定您要做什么,但是如果您的脚本是从表单中按钮上的侦听器调用的,您可以这样做:

            <input type="button" value="Send form" onclick="doSubmit(this)">
            

            那么 doSubmit 函数是这样的:

            function doSubmit(el) {
              var form = el.form;
              var control, controls = form.elements;
            
              for (var i=0, iLen=controls.length; i<iLen; i++) {
                control = controls[i];
            
                /*  
                    Do stuff with control.
                    Control name is control.name, control value is control.value
                */
              }
            }
            

            我强烈建议您的表单具有标准的提交按钮并且无需任何脚本即可工作,然后您可以将脚本提交添加到表单的提交处理程序。它可以取消标准提交并做自己的事情。

            这样,如果脚本被禁用、不可用或由于某种原因失败,用户仍然可以提交表单。

            【讨论】:

              猜你喜欢
              • 1970-01-01
              • 1970-01-01
              • 2013-07-28
              • 1970-01-01
              • 2012-11-12
              • 1970-01-01
              • 2019-10-03
              • 2018-06-16
              • 2015-08-28
              相关资源
              最近更新 更多