2013-08-26 59 views
0

我正在學習JavaScript和jQuery,我有點卡住了。由於某些原因,事件處理程序未正確連接。我認爲.change()是用於選擇菜單的正確選項。事件處理程序不附加到選擇菜單

  $('#tier1').change(function(){ 
      var tier1 = $('#tier1').find(":selected").text(); 
      if(tier1 != 'Month'){ 
       $('#tier2').removeAttr("disabled"); 
      } 
     }); 
+3

你能分享這個html嗎? –

回答

2

你需要採取下面的東西。

  • 確保jQuery庫加入到head標籤,
  • 確保你包裝你的代碼$(document).ready(function() { //code });
  • 爲每位DOM當然ID是唯一的。
  • 確保DOM是您選擇使用jQuery selector目前,

<head> 
    <script src="jQuery.js"></script> 
    <Script> 
    $(document).ready(function(){ 
     $('#tier1').change(function(){ 
      var tier1 = $('#tier1').find(":selected").text(); 
      if(tier1 != 'Month'){ 
       $('#tier2').removeAttr("disabled"); 
      } 
     }); 
    }); 
    </script> 
</head> 
<input id="tier1" /> 
0

對於我所知道的,.change()是與選擇菜單中使用 ...但是我認爲你的代碼還有其他問題。
而不是

var tier1 = $('#tier1').find(":selected").text(); 

嘗試

var tier1 = $('#tier1').find(":selected").val(); 

如果沒有,撒一些console.log周圍... Firefox的Firebugger和Chrome的開發工具應該抓住他們,並給你一些線索,正在發生的事情。

相關問題