Question

我在将文本放入框中并将其放入框中时遇到一些麻烦，在这里您可以找到一个小例子。这个想法是当用户单击“选择”时，它将代码放在

中

<td> @Html.DisplayFor(Mod => Item.Item.Custumer_code) <td/>

带有Custumercode ID的输入输入中的

。这是代码：

<div class="col-sm-3">
<input class="form-control"
       placeholder="Entre a custumer code"
       id="Custumercode" 
       name="Custumercode"/>
</div>
<table class="table">
   <thead>
    <tr>
        <th>Costumer Code</th>
        <th>Select</th>
        <th>Costumer Name</th>
        <th>Email </th>
        <th>Tel </th>
    </tr>
</thead>

@foreach (var Item in Model)
{
<tbody>
    <tr>
        <td> @Html.DisplayFor(Mod => Item.Custumer_code) </td>
        <td> @Html.DisplayFor(Mod => Item.custumer_name) </td>
        <td> @Html.DisplayFor(Mod => Item.Email) </td>
        <td> @Html.DisplayFor(Mod => Item.Tel) </td>
        <td>
            <button type="button" class="btn" onclick="myFunction()">
                Select
            </button>
        </td>

    </tr>
</tbody>
}
</table>`

Answer 1

试试这个：

$(document).ready(function(){
   $('.btn').click(function(){
     var customerCode = $(this).closest('tr').find('td:nth-child(1)').text();
     $('#Custumercode').val(customerCode );
    });
});

Answer 2

试试这个

$(document).ready(function(){
$(document).on('click','.btn',function(){
 var customer = $(this).parents('tr').find('td:eq(0)').text();
 $('#Custumercode').val(customer );
});
});

DEMO

找到a的值并将其检索到输入框中

2 个答案: