Как удалить записи в поле формы

Question

У меня есть форма, заполненная выходом базы данных. Перед его обработкой пользователь может изменить значения, когда это необходимо. Как удалить все записи с по щелчку из колонки «Aantal»

<tr> 
    <td><img border="0" align="center" src="<?php echo $config['prod_image'].$image_fld[$i].'/'.$image_name[$i].$config['prod_image_type']; ?>" /></td> 
    <td><input type="text" name="aantal[]" size="2" value="<?php echo $aantal[$i]; ?>" <?php if($error_aantal[$i] == 'ja'){ $error_omschr = $error_omschr_aantal[$i]; include('includes/errors/input_error.php'); } ?></td> 
    <td><input type="text" name="productnaam[]" size="35" value="<?php echo $productnaam[$i]; ?>" style="background-color: #e7e7e9" readonly="readonly" /></td> 
    <td><input type="text" name="afmeting[]" size="15" value="<?php echo $afmeting[$i]; ?>" style="background-color: #e7e7e9" readonly="readonly" /></td> 
    <td><input type="text" name="kwaliteit[]" size="15" value="<?php echo $kwaliteit[$i]; ?>" style="background-color: #e7e7e9" readonly="readonly" /></td> 
    <td align="center"> 
     <input type="radio" name="garantie[<?php echo $i ?>]" <?php if ("nee" == $garantie[$i]) { echo 'checked="checked"'; } ?> value="nee"> 
     <input type="radio" name="garantie[<?php echo $i ?>]" <?php if("ja" == $garantie[$i]) { echo 'checked="checked"'; } ?> value="ja"> 

     <?php if($error_garantie[$i] == 'ja'){ 
      $error_omschr = $error_omschr_garantie[$i]; include('includes/errors/input_error.php'); 
     } ?> 
    </td> 
</tr> 

Answer 1

<script type="text/javascript"</script> 
function reset_aantal() 
{ 

     var i, totaal = 0; 
     var elems = document.getElementsByName('aantal[]'); 
     var l = elems.length; 
     for(i=0; i<l; i++) 
     { 
      document.getElementsByName('aantal[]')[i].value = ''; 
     } 
} 
</script> 

Answer 2

Я надеюсь, что я правильно понял:

В файле PHP, который обрабатывает форму, убедитесь, вы добавляете в эту колонку class attribute. Также вы должны добавить кнопку или элемент, который нажимает на него, вызывая действие скрытия.

Например:

 <td><input type="text" class="aantal" name="aantal[]" size="2" value="<?php echo $aantal[$i]; ?>" <?php if($error_aantal[$i] == 'ja'){ $error_omschr = $error_omschr_aantal[$i]; include('includes/errors/input_error.php'); } ?></td> 

Позже:

<button id="myHidingButton">Click to hide aantal inputs.</button> 

Затем с помощью JS вы можете написать:

var button = document.getElementById("myHidingButton"); //The button. 
button.addEventListener("click",function(e){ //The onClick event. 
    //Get the element with the `aantal` class name and define the `i` variable. 

    var colToHide = document.getElementsByClassName('aantal'), i; 

    //Loop through all the aantal elements and hide them. 
    for (var i = 0; i < colToHide.length; i ++) { 
     colToHide[i].style.display = 'none'; 
    } 


},false); 

Answer 3

Чтобы удалить все aantal записи при нажатии кнопки:

// Using jQuery 
 
$("#reset_btn").click(function() { 
 
    $("input[name='aantal[]']").val("0"); 
 
}); 
 

 
// pure javascript 
 
document.getElementById("reset_btn").addEventListener("click", function() { 
 
    Array.prototype.forEach.call(document.querySelectorAll("input[name='aantal[]']"), function(node) { 
 
    node.value = "0"; 
 
    }); 
 
}, false);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="text" name="aantal[]" size="2" value="1" /> 
 
<input type="text" name="aantal[]" size="2" value="2" /> 
 
<input type="text" name="aantal[]" size="2" value="3" /> 
 

 
<button id="reset_btn">Reset</button>