Jquery 选择更改时不会触发任何操作

Jquery 选择更改时不会触发任何操作,jquery,twitter-bootstrap,Jquery,Twitter Bootstrap,我不知道我是不是因为等待太长时间而没有看到问题,或者我只是个傻瓜,但我有一个页面,其中会有很多20-30个选择和输入字段,我试图做的是,当用户更改选择或输入字段时,它会去实时地将数据提交到数据库 我已经尝试了这里搜索到的几乎所有解决方案和示例,并且花了几个多小时研究了几十种排列。很明显,我错过了一些东西,为了我自己,我希望这不是非常明显的 我使用的是bootstrap4w/jquerycurrent <div class=" row align-items-start" id="r

我不知道我是不是因为等待太长时间而没有看到问题,或者我只是个傻瓜,但我有一个页面,其中会有很多20-30个选择和输入字段,我试图做的是,当用户更改选择或输入字段时,它会去实时地将数据提交到数据库

我已经尝试了这里搜索到的几乎所有解决方案和示例,并且花了几个多小时研究了几十种排列。很明显,我错过了一些东西,为了我自己,我希望这不是非常明显的

我使用的是bootstrap4w/jquerycurrent

    <div class=" row align-items-start" id="row-field-36">
        <div class="col-sm-4" style="padding-top:.25em;padding-bottom:.25em;">Incident</div>
        <div class="col-sm-1 text-center" style="padding-top:.25em;padding-bottom:.25em;">
            <select name="t1-field-36" class="form-control form-control-sm text-center" id="t1-field-36"1>
            <option value="0" selected>N/A</option>
            <option value="1"">1</option>
            <option value="2"">2</option>
            <option value="3"">3</option>
        </select>
<!-- begin script t1-field-36 -->
<script>
    $(document).ready(function() {
        $('#t1-field-36').on("changed.bs.select", function () {
            var field = "t1-field-36";
            var value = $(this).val();
            var arg = "1"
            var person = "12345678"
            $.ajax({
                url: "echo.php",
                type: "post",
                success: function(result){
                    $("#contentbody").html(result);
                },
                data: {
                    "person": person,
                    "field": field,
                    "value": value,
                    "arg": arg }
                });
            });
        });
</script>
<!-- end script t1-field-36 -->

提前感谢。

您的HTML格式不正确,您正在将选项标记的片段包装成字符串。您也没有提供contentbody div。作为旁注,即使在为问题提供代码时,也请确保关闭元素包装。你的部门也没有关门

我不知道是否要把这些事情归咎于你对问题代码的删减,或者它们是否是你的标记中的实际错误。这就是问题所在:

至于changed.bs.select,有几个通知单和查询表明这并没有发挥应有的作用。只需使用更改事件。这可以通过.change函数{…}或.onchange函数{…}完成。两者都在我提供的代码中工作

最后,由于您正在等待AJAX响应,因此可能无法立即获得预期的结果。下面的示例将显示,以这种方式设置时确实会触发事件,不过使用AJAX调用可能需要一些时间才能在contentbody div中显示结果(假设存在):

$document.readyfunction{ console.logready; $'t1-field-36'。一旦更改,函数{ console.logchange事件被激发; var字段=t1字段-36; var值=$this.val; 变量arg=1 var person=12345678 var结果=价值; $contentbody.htmlresult; }; }; 发生的事情 不适用 1. 2. 3.
谢谢zfrisch-我没有注意到额外的引号被输出到SELECT字段。您的JS部分语法工作得非常出色。@JoshVogelgesang没问题!zfrisch-对于这个特定的项目,它针对的是基于intranet服务器的有限用户。我不会让超过100人同时使用它。它用于将简单的指标记录到数据库中以供审查和报告。
$(document).ready(function() {
    $('#t1-field-36').change(function(){...