鎖定HTML選擇元素，允許在提交時發送值

Question

我在複雜的訂單表單上有一個選擇框（對於客戶字段），當用戶開始向訂單添加行時，他們不應該被允許更改客戶選擇框（除非所有行都被刪除）。

我的直接想法是，我可以使用禁用的屬性，但是當禁用該框時，選定的值不再傳遞給目標。

前一個問題出現時，其他開發人員之一通過循環遍歷所有選項並禁用除選定的選項以外的所有選項來解決此問題，並且確實已將該值傳遞給目標，我們一直在使用。但是現在我正在尋找一個合適的解決方案，我不想循環所有選項，因爲數據正在擴展，並且開始引入性能問題。

我不希望在按下提交按鈕時啓用此/所有元素。

如何鎖定輸入，同時保持選定的選項並將該值傳遞給目標腳本？如果可能的話，我寧願使用非JavaScript解決方案，但如果需要，我們運行jQuery 1.4.2以便可以使用。

編輯

我試圖使用只讀屬性，但收效甚微，這裏是我使用的jQuery代碼：

$('.abc').each(function(element) { 
    $(this).attr('readonly','readonly'); 
}); 

當檢查與Firebug的元素只讀屬性有已設置，但我仍然可以更改選擇框中的值？！

Answer 1

這工作：

$('.abc :not(:selected)').attr('disabled','disabled'); 

jQuery將仍然可以通過幕後的元素循環，但我嚴重懷疑你會遇到性能問題，除非你的select有成千上萬的元素（在這種情況下，您的可用性問題將遠遠不會衡量性能問題）。原始代碼一定是做錯了。

Answer 2

隱藏字段添加到您的形式的onsubmit從選擇取值，並將其放置在隱藏字段的值

按照HTML規範，readonly不被select標籤

Answer 3

「支持選擇「不具有隻讀屬性。它只有禁用屬性。

http://www.w3schools.com/TAGS/att_select_disabled.asp

所以你最好的最好的是：

$('.abc').each(function(element) { 
    $(this).attr('disabled','disabled'); 
}); 

HTH

Answer 4

這工作得很好

<select disabled="true"> 
<option value="1">one</option> 
<option value="2">two</option> 
<option value="3">thre</option> 
</select> 

Answer 5

元素不接受只讀屬性。 Readonly是一個解決這個問題的包裝器。
試試這個：
https://github.com/haggen/readonly