如何將onChange或任何類型的事件添加到mdl-selectfield

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

 <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上重新研究過，人們有類似的問題，但沒有解決。非常感謝您的回覆

來源

2017-09-07 Sir Rage

的問題是你的'MDL-selectfield.min.js'文件。雖然最小化它有它自己綁定到'change'事件，這很可能是阻止傳播並處理它自己的代碼。 – Nope

沒有人知道如何解決這個問題？ –

正如我所說的，'mdl-selectfield.min.js'有它自己的'change'事件代碼。你必須得到未被最小化的版本，以便你可以看到它的作用，並且它是否像傳播被停止一樣簡單，更改該代碼並使用你自己的定製版本的'mdl-selectfield.min.js' – Nope

-1

我相信你可以使用.off()結合.on()從綁定在JS文件中的事件中解除綁定。

喜歡的東西..

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

來源

2017-09-07 14:17:46 DNKROZ

如果你從下拉列表中解除所有事件，你解除綁定代碼旨在開始運行。因此，您的提醒可能會顯示，但下拉菜單不再按預期工作。可悲的是，所需的代碼還可以防止事件冒泡。有適當的事件冒泡的插件的版本。 – Nope

這不會解除所有所有事件的綁定，只會解除綁定點擊事件。另外我的答案確實回答了「我如何添加onChange事件」的最初問題，所以不知道爲什麼它值得-1 – DNKROZ

對不起，應該是具體的，你會解除所有來自'select'元素的'change'事件使用'change'事件插件也會綁定什麼。此外，通常，即使您不會解除插件的綁定，但使用腳本綁定而不是內聯仍然無法正常工作，因爲插件沒有讓更改事件冒泡。您也可以使用OPs小提琴來測試它。 – Nope

如何將onChange或任何類型的事件添加到mdl-selectfield

回答

相關問題