Question

在我的数据库表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是否包含在输入的url中来选择源的名称。例如：

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

当我输入上面的网址时，我想要选择GOOGLE选项

Answer 1

如上所述那样做

首先，您必须更改选择选项像

   <?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());    
    });

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

1 个答案: