Question

我正在通过php循环插入输入列表。

对于每个输入，我需要通过ajax从数据库获取值，为此，我需要调用javascript函数。我不确定是否可以。

我正在寻找类似的东西

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

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

Answer 1

value attr仅在https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#value处接受更多字符串。您可以使用数据属性或ID来分配ID，然后在加载后获取其值。请检查以下片段

<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>

Answer 2

$(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">

通过调用javascript函数设置输入值

2 个答案: