如何根據給定的輸入值選擇一個選項

在我的數據庫表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)

當我輸入上述網址我想選擇

來源

2017-06-05 AM DEV

爲什麼在發佈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());  
    });

來源

2017-06-05 11:18:19

如何根據給定的輸入值選擇一個選項

回答

相關問題