Javascript:如何动态表单提交

时间:2017-02-22 09:26:43

标签: javascript php

我尝试使用以下代码,但它不起作用如果有人知道,请帮助我

<script>    
function update(i){
    document.myform[i].submit();    
}    
</script>

<?php
for($i=0;$i<5;$i++){
?>
<form name="myform[]" action="act.php" method="POST">
    <input type="text" name="fname" value="">
    <a href="#" onclick="update(<?php echo $i;?>)">click here </a>
</form>

<?php    
}
?>

3 个答案:

答案 0 :(得分:0)

<?php
for($i=0;$i<5;$i++){
?>
<form name="myform<?php echo $i;?>" action="act.php" method="POST">
    <input type="text" name="fname_<?php echo $i;?>" id="fname_<?php echo $i;?>" value="">
    <a href="#" id='<?php echo $i;?>' onclick="update(<?php echo $i;?>)">click here </a>
</form>
<?php
}
?>
<script>
    function update(id){
        var formName = jQuery(id).closest('form').attr('name')
          alert(formName);
    }
</script>

或js:

<script>
    function update(id){
        var el = document.getElementById(id);
        var r3 = el.closest("form");  
        console.log(r3);
    }
</script>

答案 1 :(得分:0)

只需更改提交类型输入的链接:

<form name="myform[]" action="act.php" method="POST">
    <input type="text" name="fname" value="">
    <input type="submit" name="aname" value="click here">
</form>

它会自动提交包含的表单,不需要这个javascript:

<script>    
function update(i){
    document.myform[i].submit();    
}    
</script>

编辑:

为了从javascript提交表单..

  

document.getElementsByName( “myForm的”)[I] .submit();

答案 2 :(得分:0)

我得到了解决方案

<script>

function update(i){
    console.log(i);
  //alert(document.myform[i].fname.value);
    var oForm = document.forms[i];
   // alert(document.forms[i].fname.value);
   // alert(oForm.fname.value);
     oForm.submit();
    //document.myform[i].submit();

}

</script>