如何根据给定的输入值选择一个选项

问题描述：

在我的数据库表sources我有一些来源与他们的网址。如何根据给定的输入值选择一个选项

<?php $src = App\Source::orderBy("name", "ASC")->get()?> 
<select class="form-control selectedSRC" name="sources"> 
    @foreach($src as $option) 
    <option value="{{$option->id}}">{{$option->name}}</option> 
    @endforeach 
</select>

我有一个网址输入：

<input class="sources col-md-3 srcURL" 
type="url" class="form-control" 
name="sourcesUrl" placeholder="Source URL">

当我输入输入一个网址，我想通过检查来选择源的名义即时通讯使用雄辩让他们的价值观如果源的url包含在输入的url中。例如：

input url: www.google.com/images/smiley.jpg 
src in DB: www.google.com (with name: GOOGLE)

当我输入上述网址我想选择

为什么在发布PHP时想要一个jQuery解决方案？点击''''并发布RENDERED html以及你到目前为止所尝试的jQuery。记住保存[MCVE]之前点击TIDY - 你想看看'$上（“输入‘功能（）{东西看URL字符串}）;' – mplungjan

要做到这一点（’srcURL”）。，我会首先为每个选项添加一个自定义属性，包含src url，然后使用javascript/jquery，您可以通过比较每个选项的输入url和src url来选择正确的选项。 – JiFus

另一件事，不知道你是否做到了这一点，但在Laravel你应该得到你的资源等在控制器中，而不是在视图中。从我在这里看到的你所得到的信息来源并不是推荐的工作方式。 – JiFus

答

GOOGLE选项，就像你说的上述

首先做的一样，你必须改变选择选项像

<?php $src = App\Source::orderBy("name", "ASC")->get()?> 
    <select class="form-control selectedSRC" name="sources"> 
     @foreach($src as $option) 
      <option value="{{$option->url}}">{{$option->name}}</option> 
     @endforeach 
    </select>

现在只需将此jquery添加到您的页面，然后它将工作完美。

$('.sources .col-md-3 .srcURL').on('change',function(){ 
     $(".form-control .selectedSRC").val($(this).val());  
    });

如何根据给定的输入值选择一个选项

相关推荐