Question

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

这是我视图中的select元素

<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()

从选择框中获取选定的值

2 个答案: