選擇選項和隱藏div jquery

我一直在尋找沒有運氣的這個解決方案...我試圖做一個功能，隱藏在選擇框中選定的選項div但我不能讓它正常工作，我意思是，它的工作原理是，如果我使用隱藏所選div的選項刷新頁面，div隱藏，我更改選項，div可見，但如果我回到應該隱藏div的選項...它不會隱藏它......我在做什麼錯了？選擇選項和隱藏div jquery

這是我的函數：

$(function(){ 
 

 
     if ($('select#CW_Type').val() ==='APPROVED') { 
 
      $('#creditLimit').addClass('hide'); 
 
      $('select#CW_Type').on("change",function() { 
 
       $('#creditLimit').removeClass('hide'); 
 
      }); 
 
     
 
    }; 
 
});

id爲「#creditLimit」是應該牆根，然後再次表明股利這是我的HTML

<div> 
 
     <label> 
 
      Type 
 
      <select id="CW_Type" name="CW_Type"> 
 
       <option value="-">-</option> 
 
       <option value="APPROVED">APPROVED</option> 
 
       <option value="LIMIT">LIMIT</option> 
 
       <option value="MANUAL_DECISION">MANUAL DECISION</option> 
 
       <option class="selected" value="DENIED">DENIED</option> 
 
      </select> 
 
     </label> 
 
</div> 
 

 
    <div id="creditLimit" class="span6"> 
 

 
     <label class="half"> 
 
      Credit Limit 
 
      <input type="number" name="CW_CreditLimit" value="0" min="0" step="1" data-validate="currency"> 
 
     </label> 
 

 
     <label class="half"> 
 
      Currency 
 
      <select name="CW_Currency"> 
 
       <option value="-">-</option> 
 
       <option value="SEK">SEK</option> 
 
       <option value="EUR">EUR</option> 
 
      </select> 
 
     </label> 
 
    </div> 
 

 
<style> 
 
.hide {display:none;} 
 
</style>

在此先感謝您的任何建議！

來源

2016-08-11 Fernando Löpez

看起來像在您的Javascript中是第一行缺少...請提供適當的HTML，CSS和Javascript在適當的部分一個單一的片段... – andreas

您需要爲select一個change功能，然後檢查值，做你的邏輯：

$("select#CW_Type").change(function() { 
    if (this.value ==='APPROVED') { 
     $('#creditLimit').addClass('hide'); 
    } else { 
     $('#creditLimit').removeClass('hide'); 
    } 
}).change(); //call on load

您目前有change處理 - 但是當你if條件滿足它的唯一的限制 - 如果這不是負載，那麼處理程序將永遠不會被綁定。

來源

2016-08-11 20:44:34 tymeJV

對不起，該片段！我保證我會開始做對:)並且非常感謝您的回答！這使它完全正確！ –

選擇選項和隱藏div jquery

回答

相關問題