在选择选项 html 中从数据库加载数据 - Laravel

Posted 2023-03-14

【中文标题】在选择选项 html 中从数据库加载数据 - Laravel

【英文标题】：Loading data from database in select option html - Laravel

【发布时间】：2020-06-30 14:19:05

【问题描述】：

您好，我的 jquery 代码有问题，因为当我想按任意键从不起作用的数据库中获取查询时（它没有显示任何警报）。我认为我的 ajax 不能很好地工作，因为我试图复制其他代码并且没有工作。我想用我的技能从数据库中获取数据以在选项中进行选择

jQuery 代码

$(document).ready(function () 
    $("#skills").click(function () 
      alert("test")
    );
  );

---

<select class="select2bs4" multiple="multiple" name="ums[]" data-placeholder="Skills"
                style="width: 100%;" id="skills">
</select>

当我按下任意键时，我想在多选中显示任何结果，但一开始还没有显示任何警报。

我尝试像 Laraget 网站上的“Select2 和 Laravel：Ajax 自动完成”那样做，但也没有用

编辑____ 如果仅输入“文本”类型，则可以正常显示警报

提前谢谢你

【问题讨论】：

你没有click一个选择标签，对吧？你change它。选择标签支持事件change 而不是click。所以你的警报没有触发。将事件从 click 更改为 change。

select element 不会触发点击事件 - 只有“更改”和“输入”，因此您的 jQuery 不会被触发。你能解释更多你想要达到的目标吗？用户在哪里输入点击以填充此框？

我想显示用户在输入一些字符后选择的技能。这个技能会用 AJAX 从数据库中显示出来，但一开始我想测试这个“更改”或“keyup”功能

【参考方案1】：

试试这个

$(document).ready(function () 
     $("#skills").change(function () 
       alert("test")
    );
);

【讨论】：

如果对您有帮助，请验证此答案谢谢@pastersky 快乐编码:)

【参考方案2】：

Select 不适用于 click 但可以使用 change ，但如果您想在 select like search bar 中写入时进行更改，请替换此：

$("#skills").click(function () 
  alert("test")
);

如果您想获得更改选项，请到这里：

$("#skills").on('change',function () 
  alert("test")
);

或者如果你想处理用户输入的话：

$("#skills").on('keyup',function () 
  alert("test")
);

【讨论】：

它仍然不起作用，我没有结果（因为我没有加载数据库）但我想按一些键，例如 scrum，当我按例如's'然后'c'我想向我展示数据库的结果，但现在我正在测试，如果我点击“s”，那么什么都不会发生，没有警报，没有任何想法

一样，没什么。 IMO 我做错了什么，但 IDK 是什么。在 laraget 网站上，这是有效的（但完整的演示），也许我应该尝试这样做。但是如果 keyup 没有发送任何事件，那将无法正常工作。