laravel PHP空格字符中的下拉列表不起作用

我有两个下拉列表，当我单击第一个下拉列表中的项目时，第二个下拉列表会自动更新，我正在使用JQuery进行此操作。它可以正常工作，但前提是第一个列表中的项目内部没有空格字符，因此，例如，如果我将“Some Item”作为项目，它将不执行任何操作，但对于“Item”，它将更新另一个列表。以下是Jquery代码和Laravel PHP代码。你能告诉我为什么第一个下拉列表中的空格会出现问题吗

  <select name="podrucje" id="select1" style='width: 150px;'>                     
          @foreach( $projects_all as $project )
           <? if ($project->name != null)  { ?>

      <option value="{{ $project->podrucje }}">{{ $project->name}}</option>

               <? }  ?>
      @endforeach
      </select>

---

如果在筛选器中的值周围加上双引号，则似乎有效

因此，js的第7行将成为

var options = $(this).data('options').filter('[value="' + id + '"]');

var options = $(this).data('options').filter('[value="' + id + '"]');

请参见此工作示例（下拉列表中的最后一个值在值中有空格）

---

如果在筛选器中的值周围加上双引号，则该方法似乎有效

因此，js的第7行将成为

var options = $(this).data('options').filter('[value="' + id + '"]');

var options = $(this).data('options').filter('[value="' + id + '"]');

请参见此工作示例（下拉列表中的最后一个值在值中有空格）

---

您需要将筛选值封装在引号中

---

您需要将筛选器值封装在引号中