Question

我正在使用 bootstrap 3. 模态窗口中有选择框。在选择框的更改事件中，我必须在控制台上显示其值。第一次值正确但在此之后，更改事件上没有显示任何值。这是我的代码。

<div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
    <h4 class="modal-title">Class</h4>
</div>
<div class="modal-body">
    <form>
      <div class="form-group">
        <select name='class' id='class'>
        <option value='Class 1'>1</option>
        <option value='Class 2'>2</option>
        <option value='Class 3'>3</option>
        <option value='Class 4'>4</option>
        </select>
      </div>
    </form>
</div>
<script>
var class = $('#class');
class.on('change', function (e) {
    console.log(this.value);
});
</script>

任何人都可以帮助我......我错了。

注意：代码第一次运行没有任何问题。但当我关闭模态＆amp;在没有页面刷新的情况下再次打开模态，然后在控制台上不显示任何值。如果页面刷新，那么它的工作。

Answer 1

这是适合你的小提琴。请避免将保留关键字用作变量，类或ID名称。[https://jsfiddle.net/4s5mkbj8/2/]

$('#class').on('change', function (e) {
    console.log(this.value);
});

在Bootstrap Modal Window中选择更改事件框

1 个答案: