Set value to input by calling javascript function

Question

I am inserting a list of inputs through php loop.

For each input I need to get the value from database via ajax, For that I need to call a javascript function. I am not sure if it possible.

I am looking for something like this

<input ... value="javascript:getvalue(id)">

<script>
  function getvalue(id) {
    //set the value fron here
  }
</script>

are you simply wanting an explanation of how to write ajax or? — oldboy
– oldboy, Commented May 22, 2019 at 6:34
You'll have to create an array with the values and call them separately splicing it to use on the function for each input you'll have — mattdaspy
– mattdaspy, Commented May 22, 2019 at 6:35
why arent you retrieving the input values while or before running your php to insert the input elements? why use ajax after the fact? — oldboy
– oldboy, Commented May 22, 2019 at 6:38

sachin kalekar · Accepted Answer · 2019-05-22 06:57:13Z

1

value attr just accepts strings more here https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#value. You can use data-attributes or an id to assign the id and then get the value for it after its loaded. Please check the below snippet

<input data-id="id1">
<input data-id="id2">
<input data-id="id3">

<script>
  (function(){
    var inputs = document.getElementsByTagName("input");
    for(var i = 0; i < inputs.length; i++) {
      inputs[i].value = getvalue(inputs[i].dataset["id"])
    }
  }())
  function getvalue(id) {
    return id;
  }
</script>

answered May 22, 2019 at 6:57

sachin kalekar

5363 silver badges9 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Ibrahim Shaikh · Accepted Answer · 2019-05-22 06:39:02Z

0

$(document).ready(function(){ 
  for(let i=0; i< $('.frmDatabase').length; i++)  {
    getvalue($('.frmDatabase').eq(i).attr('id'));
  }
})


function getvalue(id) {
//ajax call
//set async false and in success bind value from db to id
   $('#' + id).val(1);
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input id="txtTest1" class="frmDatabase">
<input id="txtTest2" class="frmDatabase">

answered May 22, 2019 at 6:39

Ibrahim Shaikh

3984 silver badges21 bronze badges

Collectives™ on Stack Overflow

Set value to input by calling javascript function

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related