Как активировать модальное окно в js в option?

Question

[Марк Ешкилев]

Здравствуйте, помогите пожалуйста, как активировать в option модально окно, я пытаюсь это сделать таким образом

<select onchange="var x = this.options[this.selectedIndex].value; $(document).ready(function(){ $(x).modal('show'); });" style="border-radius: 5px; padding: 3px; text-align-last: center;">
	<option disabled selected style="display: none;">Действия</option>
	<option value="1">Добавить нарушение</option>
	<option value="/talon/">Забрать талон</option>
	<option value="/rang/">Установить ранг</option>
</select>

<div class="modal fade" id="1" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle2" aria-hidden="true">
		<div class="modal-dialog modal-dialog-centered" role="document">
		    <div class="modal-content">
				<div class="modal-header">
				    <h5 class="modal-title" id="exampleModalLongTitle2">Добавление видео</h5>
				</div>
				<div class="modal-body">
				    <form method="post" id="myform">
				    	<p style="margin-bottom: 1px;"><b>URL адрес видео(формат .mp4):</b></p>
						<input type="text" class="form-control" name="note" id="note" style="resize: none; color: black;" required></textarea>
						<p style="margin-bottom: 1px;"><b>Превью(формат .jpg):</b></p>
						<input type="text" class="form-control" name="note1" id="note1" style="resize: none; color: black;" required></textarea>
						<p style="margin-bottom: 1px;"><b>Комментарий :</b></p>
						<input type="text" class="form-control" name="note2" id="note2" style="resize: none; color: black;" required>
					
				</div>
				<div class="modal-footer">
				    	<button type="button" class="btn btn-secondary" data-dismiss="modal">Отмена</button>
					   	<button class="btn btn-primary" name="do_conf" type="submit">Подтвердить</button>
					</form>
				</div>
			</div>
		</div>
	</div>

Comments

[Ао]

это что такое
$(x).modal('show');

я бы сделал это ка кто так

<select onchange="document.getElementById( this.options[this.selectedIndex].value).classList.add('show');" style="border-radius: 5px; padding: 3px; text-align-last: center;">

постарайся писать на чистом js это даёт больше контроля и понимания что происходит в DOM
jquery ужасная штука