在数据表中使用下拉列表无法获取新值

Question

我有一个下拉列表，该下拉列表位于我要通过HTML传递到datatables函数的datatables单元格内。问题是，当我单击保存按钮时，将警告下拉列表加载的值，但是如果我尝试更改下拉值，则新值将不会警告旧值。

例如，如果第一个条目加载了“授权”，那么我将其更改为“退休”，它仍将打印“授权”。

CALL

这是我的JavaScript

<select id="select" name="Status"> \
    <option value="Authorised">Authorised</option> \
    <option value="On Trial">On Trail</option> \
    <option value="Restricted-Use">Restricted-Use</option> \
    <option value="Retired">Retired</option> \
    <option value="Un-authorised">Un-authorised</option> \
</select>

<button id="SaveButt" type="button" class="btn btn-secondary"  >Save</button>

我已经用一个静态HTML示例进行了测试，并且效果很好。另外，$(document).on('click', '#SaveButt', function () { alert($("#select").val()); }); 根本不起作用，这使我相信这与数据表有关。

如果有人可以帮助。

Answer 1

您可以这样做。

$('#SaveButt').click(function(){
     alert($("#select").val());
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

<select id="select" name="Status"> \
    <option value="Authorised">Authorised</option> \
    <option value="On Trial">On Trail</option> \
    <option value="Restricted-Use">Restricted-Use</option> \
    <option value="Retired">Retired</option> \
    <option value="Un-authorised">Un-authorised</option> \
</select>

<button id="SaveButt" type="button" class="btn btn-secondary">Save</button>

Answer 2

这是jsfiddle链接：jsfiddle。 在这里，显示了多行，单击Savebutt后，将显示每个下拉正确值。该链接可能对您有帮助，也可以提供一些指导。 如果您的代码仍然遇到问题，则可能还会存在其他问题，例如脚本文件相互干扰，或者可能存在一些隐藏的变量，这些变量正在显示您的价值。您必须检查视图源代码，并应查找是否存在某些具有相同ID的隐藏值，或者您只能以图像形式共享数据表部件的视图源代码。