Question

我有一个具有记录列表的应用程序。我必须动态绑定到div。我必须为每个记录添加一个文本框。

现在，对于每个选定的记录，我还必须获取用户在文本框中输入的值。

我想获取选定人员的电子邮件地址（无论用户在该选定记录的文本框中键入什么内容）

<div class="row">
        <input type="checkbox"> <label>Bob</label> Email: <input type="textbox"/>  
    </div>
    <div class="row">
        <input type="checkbox"> <label>Bob</label> Email: <input type="textbox"/>  
    </div>
    <div class="row">
        <input type="checkbox"> <label>Bob</label> Email: <input type="textbox"/>  
    </div>

    <button onclick="saveSelectedEmail()">Submit</button>

<script>
function saveSelectedEmail(){

}
</script>

我想获取选定人员的电子邮件地址（无论用户在该选定记录的文本框中键入什么内容）

Answer 1

您可以使用Javascript或Jquery

JavaScript

<!DOCTYPE html>
<html>
<body>

Name: <input type="text" id="myText" value="Mickey">

<p>Click the button to change the value of the text field.</p>

<button onclick="myFunction()">Try it</button>

<script>
function myFunction() {
console.log(document.getElementById("myText").value)
  document.getElementById("myText").value = "Johnny Bravo";
}
</script>

</body>
</html>

Answer 2

每个字段或div需要一个动态ID。

HTML代码

<table id="userData" class="table table-striped table-bordered" width="100%">
    <thead>
        <tr>
            <th>Select</th>
            <th>Loan Id</th>
            <th>User</th>
            <th>Lender</th>
        </tr>
    </thead>
    <tbody>
        {% for emi in emis  %}
           <tr>
               <td><input type="checkbox" class="checkMe" name="checkBox" id="{{emi.userId._id.toString()}}"></td>
                <td>{{ emi._id.toString().slice(-6) }}</td>
                <td><a href="/admins/users/{{ emi.userId._id.toString() }}">{{ emi.userId.name }}</a></td>
                <td><a href="/admins/users/{{ emi.lenderId._id.toString() }}">{{ emi.lenderId.name }}</a></td>
           </tr>
        {% endfor %}
    </tbody>
</table>

JavaScript函数

$('.checkMe').on('click', function() {
    var id = $(this).attr('id');

    if (arr.includes(id)) {
        let index = arr.indexOf(id);
        arr.splice(index, 1);
    } else {
        arr.push(id);
    }
});

如何从具有动态ID的div中获取动态文本框值

2 个答案: