3

我在添加readonly某些输入字段时遇到问题。

我在<head>

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

然后我有 6 个输入字段中的 2 个，我需要添加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+，但我仍然可以编辑输入字段，出了什么问题。

...编辑...可以在 jsfiddel 上看到它的工作正常 - 所以有人可以告诉我它是否是另一个脚本在这里阻塞它http://wnf.dk/bestillingsform.html?tx_powermail_pi1[field][7]=卢森堡的前 2 个字段有readonly添加。

4

2 回答 2

2

您的网络、控制台日志：未捕获的 ReferenceError：$ 未定义

您应该首先放置对 jquery 脚本的引用。未捕获的 ReferenceError：$ 未定义？

于 2014-05-21T09:45:24.137 回答
1 
<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-21T09:02:26.587 回答