將只讀添加到jQuery中的輸入字段中

我在添加readonly到某些輸入字段時遇到問題。將只讀添加到jQuery中的輸入字段中

我在<head>

$(document).ready(function() { 
    $('#powermail_field_ordreid').prop('readonly', true); 
    $('#powermail_field_destination').prop('readonly', true); 
});

這個代碼，然後我有這2出的6輸入字段，我需要在添加readonly。

<div id="powermail_fieldwrap_9" class="powermail_fieldwrap powermail_fieldwrap_input powermail_fieldwrap_9 "> 
    <label class="powermail_label" for="powermail_field_ordreid"> Ordre id </label> 
    <input id="powermail_field_ordreid" class="powermail_field powermail_input " type="text" value="0521104821"> 
</div> 
<div id="powermail_fieldwrap_7" class="powermail_fieldwrap powermail_fieldwrap_input powermail_fieldwrap_7 "> 
    <label class="powermail_label" for="powermail_field_destination"> Destination </label> 
    <input id="powermail_field_destination" class="powermail_field powermail_input " type="text" value="Luxembourg"> 
</div>

我試圖.attr()現在使用.prop()因爲我使用jQuery 1.10+ IM，但我仍然可以編輯輸入字段，什麼是錯的。

...編輯... 可以看到它的做工精細，在jsfiddel - 所以有人告訴我如果在這裏勃洛克它的其他腳本http://wnf.dk/bestillingsform.html?tx_powermail_pi1[field][7]=Luxembourg 2第一場有readonly添加。

來源

2014-05-21 Thomas Bøg Petersen

您的代碼正常工作> http://jsfiddle.net/egQy3/ – BenM

正如@BenM所說，這可以正常工作。你有沒有檢查控制檯在你的代碼中的其他地方的錯誤？ –

您是否使用重複的ID？ DOM準備好後，這些元素是否會動態生成？你爲什麼不直接在這些輸入上設置它？順便說一句，你應該嘗試複製你的問題在jsFiddle –

您的網頁，控制檯日誌：未捕獲的ReferenceError：$沒有定義

你應該把參考首先是jQuery腳本。 Uncaught ReferenceError: $ is not defined?

來源

2014-05-21 09:45:24 jandro5

關閉，但顯然只有響應式圖像插件丟失，而不是整個jQuery。 –

嗨Frederic我編輯30分鐘前的代碼，以user2261516，所以工作切換一些JS文件從頁腳到頭，THX用戶2261516 –

<script> 
    $(document).ready(function(){ 
     $('#powermail_field_ordreid').attr('readonly', true); 
     $('#powermail_field_destination').attr('readonly', true); 
    }); 
</script>

它適用於jQuery的< 1.9

jQuery的1.9+

<script> 
     $(document).ready(function(){ 
      $('#powermail_field_ordreid').prop('readonly', true); 
      $('#powermail_field_destination').prop('readonly', true); 
     }); 
    </script>

你可以看http://jsfiddle.net/najibcse/M7rkB/

來源

2014-05-21 09:02:26 Najib

但OP正在使用'jQuery 1.10 +' –

我編輯了我的文章請看它 – Najib

你的答案是什麼？提問者已經在使用你的第二個代碼片段。 –

將只讀添加到jQuery中的輸入字段中

回答

相關問題