javascript - 使用 jquery 从 javascript 获取文本框输入

Question

我有一个 jquery $.get 函数来获取数据，对于每个数据，我正在制作一个文本框供用户输入相应的文本。

for(var i = 0; i <data.length; i++){

                var newHtml = '<tr><td>'+ idx + '</td><td>' + data[i].name + '</td><td>' + data[i].type + '</td><td>'
                + data[i].required + '</td><td>'+ '<input type="text" id="mValue'+i+'" class="form-control" placeholder="enter number'+i+'" /></td></tr>'; 
                $(newHtml).appendTo('#dt_basic');
                idx++;

                _currentValues[data[i].name] = $('#mValue');
            }   

如代码所示，我做了一个</input> ID 为“mValuei”和 i可以从 0 到 data.length。如何获取输入框的值？我试过 $('#mValue'+i).val()但它似乎不起作用。

Answer 1

使用value属性填充input

 '<input type="text" id="mValue'+i+'" class="form-control" placeholder="enter number'+i+'"  value="'+i+'"/>'

在 jquery 中:

1。二传手:

  $('#mValue'+i).val('new value of input') ;

2。 setter/getter :

  currentVal=$('#mValue'+i).val() ;

---

因此，您将 val 用作 getter(val() 不带参数)，但是，您应该将它用作 setter(带有一个参数，即输入)

---

DEMO

Elegant Code

$(data.map((e,i)=>
       `<tr>
            <td>${i}</td>
            <td>${e.name}</td>
            <td>${e.type}</td>
            <td>${e.required}</td>
            <td><input type="text" placeholder="enter number${i}" class="form-control" id="mValue${i}" value="${e.name}"></td></tr>`).join('')).appendTo('#dt_basic');