Сбросить поля формы, кроме одного, используя javascript

Question

У меня есть форма, в которой я пытаюсь включить кнопку сброса. У меня есть текстовое поле только для чтения, в котором я нажимаю текущий день. Моя цель - включить сброс, чтобы очистить все поля, но оставив поле даты как есть. Я не могу понять, как это сделать. функция, которую я сейчас имею, очистит все.

Это функция, которая у меня есть .:

function confirm_ShortageReset() 
{ 

     var datesValue = document.getElementById('dates').value; 
    alert(datesValue); 
    //return confirm("Are you sure?"); 
    document.getElementById('shortage').reset(); 
document.getElementById('dates').value = datesValue; 
} 

я думал о том, возможно копирование значения даты в другой переменной, и после того, как ясно принял аффекта, иметь дату вновь вошел в по телефону переменная, удерживающая дату. Возможно ли это сделать?

Это также форма, которую у меня есть.

<form action = "drivers.php" target = "drivers.php" method = "post" name = "shortage" id = "shortage" onsubmit = "return validateShortage()"> 
<table id = "main"> 
<tr> 
    <td><table id = "shortages"> 
    <h1> Shortages </h1> 
    <thead> 
    <tr> 
     <th> Date </th> 
     <th> Driver </th> 
     <th> Customer# </th> 
     <th> Invoice# </th> 
     <th> Product Description </th> 
     <th> Size </th> 
     <th> Cases </th> 
     <th> Bottles </th> 
     <th> On Truck </th> 
     <th> CHK Itls </th> 
     <th> Notes </th> 
    </tr> 
    </thead> 

    <tr> 
     <td> <input type = "text" id = "dates" size = "6" name = "dates" readonly = readonly onblur = "checkDate()" > </input></td> 
     <td> 
     <select id = "drivers" name = 'drivers' > 
      <option value = ""> </option> 
      <option value = "driver1"> driver 1 </option> 
     </select></td> 

     <td> <input type = "number" min = "1" max = "99999999" id = "customernum" name = "customernum" > </input> </td> 
     <td> <input type = "number" min = "1" max = "99999999" id = "invoicenum" name = "invoicenum" > </input> </td> 
     <td> <input type = "text" id = "proddes" name = "proddes" > </input> </td> 
     <td> <input type = "text" id = "size" name = "size" > </input> </td> 
     <td> <input type = "number" min = "0" max = "999999" id = "cs" name = "cs" > </input> </td> 
     <td> <input type = "number" min = "0" max = "999999" id = "btls" name = "btls" > </input> </td> 
     <td> <select id="ontruck" name = "ontruck"> 
      <option value = " "> </option> 
      <option value = "Y"> Y </option> 
      <option value = "N"> N </option> 
     </select> </td> 
     <td> <select id = "chkitls" name = "chkitls" > 
       <option value = " "> </option> 
       <option value = "check1"> check1 </option> 

      </select> </td> 
     <td> <input type = "text" Id = "notes" name = "notes"> </input> </td> 


    </tr> 


    </table> 

    <tr> 
     <td><input type = "submit" value = "Submit" name = "mydrivers" > </td> 
     <td><input type = "reset" value = "Clear All" onclick = "return confirm_ShortageReset();"> </input></td> 

    </tr> 

    <tr ><td></td><tr /><tr ><td></td><tr /><tr ><td></td><tr /> 
    <td> <hr /> </td> 
</table> 
</form> 

Answer 1

пожалуйста, проверьте этот код

<script type="text/javascript"> 
function confirm_ShortageReset(){ 
var datesValue = document.getElementById('dates').value; 
    document.getElementById('shortage').reset(); 
document.getElementById("dates").setAttribute('value',datesValue); 
    } 
</script>