$("#sp_5 select").attr("disabled","disabled");
In above code, I have set attribute disabled on combo box inside span of 5th row of table.
Here’s an example
<!DOCTYPE html>
<html>
<head runat="server">
<title>
</title>
<style>
#table1
{
width: 500px;
font-size: .80em;
font-family: "Helvetica Neue";
margin: 0px;
padding: 0px;
color: #666;
}
#table1 th
{
border-bottom: 1px solid #eee;
border-top: 1px solid #eee;
height: 29px;
text-align: left;
padding-left: 10px;
background-color: #fafafa;
}
#table1 td
{
border-bottom: 1px solid #eee;
padding-left: 10px;
}
tr
{
cursor: pointer;
}
</style>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.1.min.js"
type="text/javascript"></script>
<script type="text/javascript">
$(function(){
var table1 = $("#table1 > tbody:last");
var dropdown = $("#cb").clone();
var p = $("span").html(dropdown);
for(i = 1; i <= 10; i++){
table1.append("<tr><td>"+ i +"</td><td>Name_"
+ i +"</td><td><span class='abc' id='sp_"+ i +"'></span></td><tr>");
}
$(".abc").html(dropdown);
$("#sp_5 select").attr("disabled","disabled");
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<p> Gender <select id="cb">
<option>Male</option>
<option>Female</option>
</select></p>
<table id="table1">
<tbody>
<tr>
<th>
ID
</th>
<th>
Name
</th>
<th>
Gender
</th>
</tr>
</tbody>
</table>
</div>
</form>
</body>
</html>
Output
Download
DropDown-jQuery-combobox-disable.aspx (2.31 kb)
See live demo