File "edit_mcq.blade.php"
Full Path: /home/u735268861/domains/palsarh.in/public_html/resources/views/admin/questions/edit_mcq.blade.php
File size: 1.93 KB
MIME-type: text/html
Charset: utf-8
<div class="fpb7 mb-3">
<label class="form-label ol-form-label" for="options">
{{ get_phrase('Options') }}
<span class="text-danger ms-1">*</span>
</label>
<input class="form-control ol-form-control tagify" type="text" data-role="tagsinput" id="options" name="options"
value="{{ $question->options }}" placeholder="{{ get_phrase('Your questions here') }}">
<small>{{ get_phrase('You can keep multiple options. Just put an option and hit enter.') }}</small>
</div>
<div class="row">
<div class="col-sm-12">
<div class="mb-3">
<label class="form-label ol-form-label">
{{ get_phrase('Answer') }}
<span class="text-danger ms-1">*</span>
</label>
<select class="form-control ol-form-control ol-select2" name="answer[]" data-toggle="select2"
id="answer-select2" multiple>
<option value="">{{ get_phrase('Select an option') }}</option>
@foreach (json_decode($question->options, true) as $option)
<option value="{{ $option }}" @if (in_array($option, json_decode($question->answer, true))) selected @endif>
{{ $option }}</option>
@endforeach
</select>
<small>{{ get_phrase('You can select multiple answers.') }}</small>
</div>
</div>
</div>
@include('admin.init')
<script>
var inputElm = document.querySelector('#options');
inputElm.addEventListener('change', onChange)
function onChange(e) {
let values = e.target.value
let varArr = JSON.parse(values)
let answerSelect2 = document.querySelector('#answer-select2')
answerSelect2.innerHTML = ''
varArr.forEach(item => {
let option = document.createElement('option')
option.text = item.value
option.value = item.value
answerSelect2.add(option)
});
}
</script>