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