使用 jQuery 和 Laravel 从组合选择中获取值并将结果显示到文本字段答案

【问题标题】：Get value from combo selection and display the result to text field using jQuery and Laravel使用 jQuery 和 Laravel 从组合选择中获取值并将结果显示到文本字段
【发布时间】：2019-07-14 14:18:19
【问题描述】：

我想根据 Laravel 中的combo/drop 选择显示表格中的某些记录。我正在按照thread 的说明进行操作，但仍然无法正常工作。

这是我的视图代码和我的 jQuery 脚本：

一个。组合框

<select type="text" class="form-control" name="cde_mesg" id="cmb_mesg" required>
  <option value="0" disabled="true" selected="true">
    -- PICK MESSAGE-- 
  </option>
  @foreach($message as $messages)
    <option value="{{ $messages->cde_mesg }}">
      {{ $messages->nme_customer }}
    </option>
  @endforeach
</select>

b.文本字段

<input type="text" name="ad1_contract" id="ad1_contract" class="form-control">

c. jquery 脚本

<script type="text/javascript">
  $(document).ready(function(){
    $("#cmb_mesg").change(function(){
      var x =  $(this).val();
      $("#ad1_contract").val(x);
    });
  });
</script>

【问题讨论】：

假设<select> 存在于页面加载中并且您没有在其他地方复制相同的 id 应该可以正常工作。浏览器开发工具控制台中的任何错误？
如何检查firefox的错误？我应该检查开发工具控制台中的哪个菜单？
打开firefox开发工具（F12）并在控制台中查看
控制台没有错误显示
console.log($("#cmb_mesg").length) 显示什么？应该是 1 而不是零

标签： php jquery ajax laravel

【解决方案1】：

这没有任何意义，因为它不能正常工作......除非在页面加载后可能有一些动态元素发生变化？如果是这样，请尝试将您的 jQuery 就绪函数更改为：

$("#cmb_mesg").on('change', function(){
      var x =  $(this).val();
      $("#ad1_contract").val(x);
});

this answer, with further references to other good explanations 很好地解释了进行（委托）与更改（直接）的好处。您也可以在那里进一步查看.on("change", selector, handler)，看看这是否会有所不同。

【讨论】：