Question

我有一个从Laravel安装中呈现的表，其中显示了PHP对象的多个属性，例如更新间隔：

<div class="col-xs-3 text-center">
    <select class="form-control" required id="update_interval" name="update_interval">
        <option value="">update_interval</option>
        <option value="never" selected="selected">never</option>
        <option value="daily">daily</option>
        <option value="weekly">weekly</option>
    </select>
</div>

在特定情况下，设置为“从不”值。设置旁边有一个保存按钮，允许用户保存其设置：

<div class="col-xs-1 col-sm-1 col-md-1 col-lg-1 col-xl-1 text-center">
    <button type="submit" class="" id="buttonAck16">
        <i class="glyphicon glyphicon-floppy-save"></i>
    </button>
</form>

（我知道我可以为此使用ajax，但是我的JS / PHP技能相当有限。。。）

但是，由于页面上可以有很多行，所以人们可能会失去对更改内容的跟踪。如果所选选项与原始值不同，我想给列条目上色，例如更改边框颜色。因此，如果将其设置为“从不”并且用户选择“每周”，则应突出显示该特定项目。并且，如果可能的话，保存按钮也可以突出显示。

什么样的Javascript函数可以连续检查是否已更改？有人吗？

Answer 1

您可以使用jQuery .change（）事件侦听器：

示例：

$( "#update_interval" ).change(function() {
  $(".column-1").css("border-color", "#666");
});

Javascript / CSS：动态更改HTML元素的边框颜色

1 个答案: