需要Javascript在课堂上添加属性 [英] Need Javascript to add an attribute in class

问题描述

亲爱的专家，



i需要一个javascript来在课堂上添加属性...



以下是HTML SELECT的以下Html代码..

 <  选择    id   =  ddl_State   名称  =  validation-select < span class =code-attribute>   class   =  select validate [required] >  
 
 <  选项    value   =  > 请选择<   / option  >  
 <  选项    value   =  1 > 第一个选项<   / option  >  
 <  选项    value   =  2 > 第二个选项<   / option  >  
 <  选项    value   =  3 > 第三个选项<   / option  >  
 <   / select  >  

我需要一个javascript代码才能在此课程中添加属性..例如：

 <  选择    id   =  ddl_St吃   名称  =  validation-select    class   =  select validate [required]已禁用 >  

这里我在class属性中添加了Disabled.....



我如何使用javascript添加它，而不删除现有的类属性....



谢谢和问候，



Dileep

解决方案

使用Javascript，您可以使用 setAttribute（） [ ^方法。

  var  elem =  document  .getElementById（  ddl_State）; 
 elem.setAttribute（  class，  选择验证[必需]已禁用）; 

使用jQuery，它非常简单：

（ ＃ddl_State）。attr（ class， select validate [required] Disabled）;

.prop（） [< a href =http://api.jquery.com/prop/target =_ blanktitle =新窗口> ^ ]是推荐的方式，并且在较新版本的jQuery中受支持。所以下面的代码更好：

（ < span class =code-string>＃ddl_State）。prop（ class， select validate [required] Disabled）;

Dear Experts,

i need a javascript to add an attribute in a class...

Here is the below Html code of HTML SELECT..

<select id="ddl_State" name="validation-select" class="select validate[required]">

<option value="">Please select</option>
<option value="1">First option</option>
<option value="2">Second option</option>
<option value="3">Third options</option>
</select>

I need a javascript code for add an attribute in this class.. Eg :

<select id="ddl_State" name="validation-select" class="select validate[required] Disabled">

Here i have added "Disabled" in the class attribute.....

How can i add this using javascript, without delete the existing class attributes....

Thanks and Regards,

Dileep

解决方案

Using Javascript, you can do it using setAttribute()[^] method.

var elem = document.getElementById("ddl_State");
elem.setAttribute("class", "select validate[required] Disabled");

Using jQuery, it''s pretty simple:

("#ddl_State").attr("class", "select validate[required] Disabled");

[Edit]
.prop()[^] is recommended way and supported in newer versions of jQuery. So below code is better:

("#ddl_State").prop("class", "select validate[required] Disabled");

这篇关于需要Javascript在课堂上添加属性的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！