2011-10-08 33 views
1

如何禁用动态添加到HTML的textarea?如何禁用文本区域?

HTML:

<div class="ss_datesel_inp_cont"> 
    <div class="ss_datesel_inp_right_corner"> 
    </div> 
    <input autocomplete="off"> 
</div> 

这是我的尝试:

$('.ss_datesel_inp_cont:textarea').prop("disabled", true); 
    $('.ss_datesel_inp_cont:input').prop("disabled", true); 
+1

您正在使用什么版本的jQuery? –

回答

9

我看不到代码中的一个textarea元素你贴?根据您的标记,您将禁用由输入:

$('.ss_datesel_inp_cont input').prop('disabled', true); 
0

您是否尝试过,

$('.ss_datesel_inp_cont:textarea').attr("disabled", true); 

prop只对jQuery的1.6或更高版本。

+0

是的,它不工作:( – jQuerybeast

+0

我想添加一个类只是为了看它是否工作,但我甚至不能这样做。 – jQuerybeast

+0

这可能是jQuery没有初始化,你看看控制台看看是否有任何错误? –

0

我会尝试:

$('.ss_datesel_inp_cont:textarea').prop("disabled", "disabled"); 

$('.ss_datesel_inp_cont textarea').prop("disabled", "disabled"); 
0

你可以这样做:

$('.ss_datesel_inp_cont input').attr('disabled','disabled');

inputdiv内,这样你就可以在同一个选择它就像用css选择空间一样。

这是div的孩子,所以你也可以这样做:

.ss_datesel_inp_cont > input

例子:http://jsfiddle.net/UpHsA/

1

要改变disabled属性,你应该使用.prop()功能。

$("textarea").prop('disabled', true); 
$("textarea").prop('disabled', false); 

注:jQuery的1.6+

+0

这是有效的,但如果这个人知道ID选择器,是不是以jquery操作最快的方式工作?例如$(“#mytextareaID”)。prop('disabled',true ); –

+0

@TomStickel我在一般意义上添加了代码,如果你知道元素Id,那么使用它会更加合适和安全,在这两种情况下我都不认为性能会受到多大关注。 – Foreever