Question

我正在尝试创建一个列表框，并将每个项目发送到不同的配置文件我有我的变量$ ru，它可以让所有用户正常工作。我尝试了这个，但是没有用：

 <select  class="chosen form-control" name="User"  style="height:28px" >
    <option selected="selected"> Rechercher </option>
    @foreach($ru as $user)

        <option value="/profile/$user->id ">
            <a href="{{  url('/profile/'.$user->id) }} "> {{$user->name}}  </a>
        </option>

    @endforeach
</select>

Answer 1

不能添加这样的href，只需将其添加到值中并使用事件监听器即可：将jquery链接添加到您的脚本标签，用您的替换我的url和值。

$(document).ready(function(){

    $('#user').change(function(){
      window.location = this.value;
    });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<select  class="chosen form-control" name="User" id="user">
  <option>Select profile</option>
  <option value="http://www.google.com"> user name </option>
</select>

源：stackoverflow

Answer 2

href链接在选择/选项中不可用。您可以使用jQuery重定向到所选的个人资料。

以下是示例：

<select  class="chosen form-control" name="User"  style="height:28px" >

  <option selected="selected">
    Rechercher
  </option>

  @foreach($ru as $user)
  <option value="{{  url('/profile/'.$user->id) }}">{{$user->name}}
  </option>
  @endforeach

</select>

<script>
$(document).ready(function(){
  $('[name="User"]').change(function(){

    var profile_url = $('[name="User"]').value();

    // redirect to user profile
    if(profile_url != "")
      window.location.href = profile_url;  

  });
});
</script>

Answer 3

尝试

 <select required class="form-control" id="user"  name="User" onchange="getUser()" required>
                 <option value="All">--All--</option>
                       @foreach($ru as $user)
                 <option value="{{ $user->id }}" {{ (old('user')== $user->id||($user) == $user->id) ? "selected" : "" }}>{{$user->name}}</option>
                      @endforeach
               </select>

//javascript
 function getUser()
    {
        var t=  $('#user').val();
        if(t!= "" ){
            location.href="/profile/"+t;
        }
    }

如何将网址添加到选择输入的选项？

3 个答案: