每当从选择框中选择一个选项时,我都试图在输入字段中获取值。现在,每当我选择一个选项时,都会显示相关值,但是它处于选择选项格式。我只想要它在输入字段中。
这是我的HTML
src
我只希望下面的选择框出现在输入字段中。
<select class="form-control" name="organisation" id="mainpage">
<option selected="">Select</option>
@foreach($users as $k=>$u)
@if($u->created_by == $userId)
<option value="{{ $u->id }}" id="{{ $u->id }}">{{ $u->name }}</option>
@endif
@endforeach
</select>
这是我的脚本:
<select class="form-control" id="mainsection" required>
<option>--Select--</option>
@foreach($users as $k=>$u)
@if($u->created_by == $userId)
<option value="{{ $u->user_id }}" data-parent="{{ $u->id }}">{{ $u->user_id }}</option>
@endif
@endforeach
</select>
答案 0 :(得分:0)
更改此代码
<select class="form-control" id="mainsection" required>
<option>--Select--</option>
@foreach($users as $k=>$u)
@if($u->created_by == $userId)
<option value="{{ $u->user_id }}" data-parent="{{ $u->id }}">{{ $u->user_id }}</option>
@endif
@endforeach
</select>
使用此代码
<div class="form-control" id="mainsection">
@foreach($users as $k=>$u)
@if($u->created_by == $userId)
<input id="{{ $u->user_id }}" data-parent="{{ $u->id }}" value="{{ $u->user_id }}">
@endif
@endforeach
</div>
并将脚本更改为
<script type="text/javascript">
jQuery("select#mainpage").on('change',function () {
jQuery("#mainsection").find('input').css('display', 'none');
var idclassurl = jQuery("select#mainpage :selected").attr('id')
jQuery("#mainsection").find('input[data-parent="'+idclassurl+'"]').css('display', 'block');
});
</script>
以上解决方案根据您已经开发的代码概念而定。还有其他几种简单的方法。