title: I did a javascript coding to fill in text, it did filled the value in html code, but doesn't reflect on the website (the fill column still empty)
body: <p>I did a javascript to fill in textfield, it did update the value in HTML code, but it doesn't reflect on the webpage fill column</p>
  
  <p>I entered the text (by typing in manually) in the fill column to confirm the value is updating the element that I am targeting to use javascript to fill in the value. my javascript managed to update the value, but it just won't reflect on the webpage fill column</p>
  
  <p>This is the HTML code for the webpage:-</p>
  
  <pre><code>&lt;div class="next-table-cell-wrapper"&gt;
    &lt;span class="myinput-wrap"&gt;
     &lt;span class="next-input next-input-single next-input-medium error  error" style="width: 100%;"&gt;
     &lt;input type="text" min="0" placeholder="&lt;=24.05" value="24.04" height="100%" data-spm-anchor-id="a2o7i.11278553.old-navigation.i42.1a041e13fbm6Y1"&gt;
     &lt;/span&gt;
     &lt;span class="error-info"&gt;Empty, please fill in.&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;
  </code></pre>
  
  <p>This s my javascript code:</p>
  
  <pre><code>var fillBox = document.querySelectorAll('div.next-table-cell-wrapper input[type=text]')
  fillBox[0].attributes[3].value = "24.04"
  </code></pre>
  
  <p>but webpage fill column still showing an error message:</p>
  
  <blockquote>
    <p>Empty, please fill in</p>
  </blockquote>