javascript - 从选择框中获取选定的值

Question

当我想显示选择元素的输入类型时遇到问题

这是我 View 中的选择元素

<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");