2016-11-14 3 views
0

Я возвращаю пользователей и их идентификатор в Laravel. Я получил выбранный идентификатор пользователя и их полные имена. Я хочу установить выбранную опцию в соответствии с текущим идентификатором.Как установить выбранное значение опции выбора в jQuery?

Это значение текущего идентификатора пользователя:

<input class="selected-user" type="input" value="{{$selectedUser}}" readonly /> 

Это мой выбор кода в Laravel Клинка:

 <div class="form-group required"> 

      {!! Form::label('user_name', 'Assigned to', ['class' => 'control-label required']) !!} 

      <div class="controls"> 

       <select class="form-control form-field-username form-field-user-edit form-field-users"> 
        @foreach($users as $user) 
         <option value="{{$user->id}}">{{$user->getFullNameAttribute()}} </option> 
        @endforeach 
       </select> 

      </div>      

     </div> 

Это мой JQuery код:

var selectedUser = $('.selected-user').val(); 

    $('.form-field-user-edit > option[value="selectedUser"]').attr('selected','selected'); 

Вышеприведенный код не работает.

Хочу отметить выбора выбранной опции в соответствии со значением .selected пользователей

+0

т.к. уже есть 3 ответа, я бы порекомендовал объявление d дополнительная строка к вашему коду $ (". form-field-use-edit"). selectmenu ("refresh", true); – TheWandererr

+0

ok сэр. Спасибо. Интересно, что делает это «refresh» do –

ответ

0

Попробуйте это .. Вы можете выбрать вариант из стороны сервера

<select class="form-control form-field-username form-field-user-edit form-field-users"> 
    @foreach($users as $user) 
     <option value="{{$user->id}}" {{ $selectedUser== $user->id ? 'selected="selected"' : '' }}>{{$user->getFullNameAttribute()}} </option> 
    @endforeach 
</select> 
+0

Это работает как шарм. Благодарю. Ты гуру –

0

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/option

Вы должны сделать это на стороне сервера, используя html. Ссылка, которую я вставил, - это тег, а в списке вы видите атрибут «selected». если это присутствует в теге, то он будет выбран:

<option value="?" selected> This option is selected </option> 
0

Вы просто должны изменить строку кода с,

$('.form-field-user-edit > option[value="selectedUser"]').attr('selected','selected'); 

в

$('.form-field-user-edit > option[value="selectedUser"]').attr('selected',true); 
+0

Спасибо. опция была отмечена маркой, но она не установлена ​​как ПЕРВАЯ ОПЦИЯ. вы знаете, почему? –

+0

Он работает как шарм. Спасибо –

0

Попробуйте это:

var selectedUser = $('.selected-user').val(); 

$('.form-field-user-edit > option[value="'+ selectedUser +'"]').prop('selected', true); 
+0

Спасибо. опция была отмечена маркой, но она не установлена ​​как ПЕРВАЯ ОПЦИЯ .. hmm ... –

+0

Это работает как шарм. благодаря –

Смежные вопросы