получить выбранное значение из поля выбора

Question

У меня проблема, когда я хочу показать тип ввода из элемента выбора

Это элемент выбора на мой взгляд

<select id="type" name="type_id" class="form-control" required>
    @foreach($type as $row)
    <option value="{{$row->id}}">{{$row->label}}</option>
    @endforeach
</select>

Если пользователь выбирает типномер вопроса, который они получили тип своего входного номера, если они выбирают строку, они получают тип входной строки, например

<h4 class="card-title"  id="rep">Reponse : {{$i + 1}}</h4>
<input type="text"  id="rep_for_oui" required class="form-control" placeholder="Reponse question {{$i + 1 }}" name="rep_{{$i}}" />
<input type="text" id="rep_for_string" required class="form-control" placeholder="Reponse question {{$i + 1 }}" name="rep_{{$i}}" />
<input type="number"  id="rep_for_number" required class="form-control" placeholder="Reponse question {{$i + 1 }}" name="rep_{{$i}}" />

И это мой Javascript

$('#rep').hide();
$('#rep_for_oui').hide();
$('#rep_for_string').hide();
$('#rep_for_number').hide();
var e = document.getElementById("type_id");
var value = e.options[e.selectedIndex].value;
$('#type').onchange(function () {
    alert(value);
    if (value == "2") {
        $('#rep').show();
        $('#rep_for_oui').show();
    }
});

Answer 1

Вместо:

var e = document.getElementById("type_id");

Выполните следующие действия:

var e = document.getElementById("type");

Answer 2

Для получения выбранного значения вы можете использовать как

. Для меня

var selectedType = $('#type').val()

вернул ноль.

Мне пришлось использовать

var selectedType = $('#type option:selected').val()