Question

如何向onChange添加mdl-selectfield或任何类型的事件。

我在这里有一个小提琴https://jsfiddle.net/ad7rqt8g/1/

      <link rel='stylesheet prefetch' href='https://storage.googleapis.com/code.getmdl.io/1.0.6/material.indigo-pink.min.css'>
      <link rel='stylesheet prefetch' href='https://cdn.rawgit.com/kybarg/mdl-selectfield/mdl-menu-implementation/mdl-selectfield.min.css'>
      <link rel='stylesheet prefetch' href='https://fonts.googleapis.com/icon?family=Material+Icons'>
      <link rel="stylesheet" href="css/style.css">
   <form>
      <div class="mdl-selectfield mdl-js-selectfield">
        <select class="mdl-selectfield__select" id="professsion1" name="professsion" onChange="alert(this.value);">
          <option value="option1">option 1</option>
          <option value="option2">option 2</option>
          <option value="option3">option 3</option>
          <option value="option4">option 4</option>
          <option value="option5">option 5</option>
        </select>
        <label class="mdl-selectfield__label" for="professsion1">Profession</label>
      </div>
    </form>
  <script src='https://storage.googleapis.com/code.getmdl.io/1.0.6/material.min.js'></script>
<script src='https://cdn.rawgit.com/kybarg/mdl-selectfield/mdl-menu-implementation/mdl-selectfield.min.js'></script>

我添加它并没有提醒任何改变价值。我在github上进行了研究，人们有类似的问题，但没有修复。感谢您提前回复

Answer 1

我相信您可以将.off()与.on()结合使用，以解除绑定在JS文件中的事件。

像...这样的东西。

$(function() {
    .off('change', '#professsion1')
    .on('change', '#professsion1', function () {
      alert(this.value);
});

如何将onChange或任何类型的事件添加到mdl-selectfield

1 个答案: