如果從項目中選擇，則禁用輸入

Question

我的源代碼中有以下內容，我希望能夠灰色公司和停靠，禁用，如果有人選擇運輸或存儲

<select name="myselect" id="myselect"> 

<option value="shipping">Shipping</option> 
<option value="Recieving" selected="selected">Reciving</option> 
<option value="Storage">Storage</option> 
</select> 

company:<input name="company" type="text" id="company" /></div> 
dock:<input name="dockingStation" type="text" id="dock" /> 

編輯

我試過這個但是現在它刪除禁用的attribut但不添加它

 <select name="myselect" id="myselect"> 

     <option value="shipping">Shipping</option> 
     <option value="Recieving" selected="selected">Reciving</option> 
     <option value="Storage">Storage</option> 
     </select> 

     company:<input name="company" type="text" id="company" **disabled="disabled**"/> 
     dock:<input name="dockingStation" type="text" id="dock" disabled="disabled" /> 

和jquery是

$("#myselect").change(function() { 
    var val = $(this).val(); 
    if(val == "shipping" || val == "storage") { 
     $("#company").attr("disabled", true) // this works 

}否則{ $（「＃company」）。removeAttr（「disabled」） .focus（） } }）;

但是現在一旦啓用我就無法再次禁用它

編輯

現在工作

Answer 1

$("#myselect").change(function() { 
    var val = $(this).val(); 
    if(val == "shipping" || val == "storage") { 
     $("#company, #dock").prop("disabled", true) 
    } else { 
     $("#company, #dock").prop("disabled", false) 
    } 
}); 

，或者如果你喜歡一個更短的解決方案：

$("#myselect").change(function() { 
    var val = $(this).val(); 
    $("#company, #dock").prop("disabled", (val == "shipping" || val == "storage")); 
}).change(); // optional, set the correct state if you don't know what 
      // the initial selected option will be on page load 

簡要說明：

• 將onchange處理程序綁定到select元素。
• 如果所選選項的值爲'shipping'或'storage'，則禁用兩個輸入，否則啓用它們。

參見：

• http://api.jquery.com/change
• http://api.jquery.com/prop/
• http://api.jquery.com/multiple-selector/

演示：http://jsfiddle.net/f6AZk/