Question

我有这个jquery：

$(document).ready(function()
{
    //$('#notes_edit_1').hide();
    $('#notes_edit_1').attr('disabled', true);
});

如果我使用.hide() ，则可以，但是禁用/隐藏不起作用。

我也试过.prop('disabled', true);

我甚至尝试过.prop（'readonly'，true）;

基本上我需要查看元素但不能点击。

提前致谢。

Answer 1

他们是不同的东西

$('#notes_edit_1').hide();

它会隐藏您的$('#notes_edit_1')，并且无法在浏览器中显示

$('#notes_edit_1').attr('disabled', true);

并将其disabled属性设置为true，并且只有在其表单元素的情况下才能使用/更改它。它也不会发布到服务器上。所以是的，它将从服务器隐藏，而不是从浏览器隐藏。

如果您希望元素可见但不可点击/可更改

并且您希望您的代码将数据发布到服务器使其成为只读

$('#notes_edit_1').attr('readonly', 'readonly');

如果您希望您的代码不向服务器发布数据，请将其禁用

$('#notes_edit_1').attr('disabled', 'disabled');

Answer 2

只需在代码中添加id后面的选项即可试试这个

  $('#notes_edit_1 option').attr('disabled', true);

Answer 3

由于您的$('#notes_edit_1')是一个链接，您需要将其设为无法点击，因此已禁用的广告资源不是a标记属性

 <a href="index.php?module=Notes&amp;action=EditView&amp;record=204c370a-eca3-11e3-8‌948-ba377517220c&amp;parent_module=Leads&amp;parent_id=475093000000245011&amp;ret‌urn_module=Leads&amp;return_id=475093000000245011&amp;return_action=DetailView&am‌p;return_relationship=notes" onmouseover="subp_nav('Notes', '204c370a-eca3-11e3-8948-ba377517220c', 'e', this, 'notes');" onfocus="subp_nav('Notes', '204c370a-eca3-11e3-8948-ba377517220c', 'e', this, 'notes');" class="listViewTdToolsS1" id="notes_edit_1" disabled="disabled">edit</a>

在你的javascript中

$('#notes_edit_1').click(function (e) {
    e.stopPropagation();
    return false;
});

如何使dropdown元素成为只读

3 个答案: