如何在jQuery中設置選擇選項的選定值？

Question

我正在Laravel中檢索用戶及其ID。 我檢索了所選的用戶ID及其全名。 我想根據當前ID設置選定的選項。

這是當前用戶標識的值：

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

這是我在Laravel Blade中選擇的代碼：

        <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-user值標記select selected選項

Answer 1

試試看。。您可以從服務器端選擇選項

<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>

Answer 2

https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/option

相反，您應該使用html在服務器端執行此操作。 我粘貼的鏈接與標簽有關，在列表下方，您看到了一個稱為“選定”的屬性。 如果您的標簽中包含此標簽，則將其選中：

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

Answer 3

您只需要更改以下代碼行，

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

至

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

Answer 4

嘗試這個：

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

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