如何在jQuery中设置Select Option的选定值?

时间:2016-11-14 07:11:56

标签: javascript php jquery html laravel

我正在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

标记选择的选择选项

4 个答案:

答案 0 :(得分: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>

答案 1 :(得分:0)

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

您应该使用html在服务器端执行此操作。我粘贴的链接是关于标记的,在列表中你会看到一个名为“selected”的属性。如果您的代码中存在此选项,则会选中该代码:

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

答案 2 :(得分:0)

您只需要更改代码行,

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

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

答案 3 :(得分:0)

试试这个:

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

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