在JavaScript中创建隐藏字段

joe*_*joe 37 javascript

如何在JavaScript中将隐藏字段创建为特定表单?

    <html>
    <head>
      <script type="text/javascript">
      var a =10;
function test() {
      if (a ==10)  {
        //  ... Here i need to create some hidden field for form named = chells
      }
}
      </script>  
    </head>   
    <body >
      <form id="chells" name="formsdsd">
      <INPUT TYPE=BUTTON OnClick="test();">
     </form> 
    </body>
    </html> 
Run Code Online (Sandbox Code Playgroud)

Hai*_*vgi 106

var input = document.createElement("input");

input.setAttribute("type", "hidden");

input.setAttribute("name", "name_you_want");

input.setAttribute("value", "value_you_want");

//append to form element that you want .
document.getElementById("chells").appendChild(input);
Run Code Online (Sandbox Code Playgroud)


小智 22

您可以动态使用jquery创建元素

$('#form').append('<input type="hidden" name="fieldname" value="fieldvalue" />');
Run Code Online (Sandbox Code Playgroud)

或其他方式

$('<input>').attr({
    type: 'hidden',
    id: 'fieldId',
    name: 'fieldname'
}).appendTo('form')
Run Code Online (Sandbox Code Playgroud)


jay*_*bro 6

我发现这有效:

var element1 = document.createElement("input");
element1.type = "hidden";
element1.value = "10";
element1.name = "a";
document.getElementById("chells").appendChild(element1);
Run Code Online (Sandbox Code Playgroud)