Learn and adapt from the following sample:
<head runat="server">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js">
</script>
<script>
$(function () {
$ddl = $("[id*=ddMovetoStore]");
$ddl.val("No");
$imgButtonCollection = $("[id*=ImageButton1]");
$ddl.on("change", function () {
var index = $ddl.index($(this));
imgButton = document.getElementById($imgButtonCollection[index].id);
$imgButton = $(imgButton);
if ($(this).val() == 'Yes') {
$imgButton.hide();
} else {
$imgButton.show();
}
});
return false;
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false">
<Columns>
<asp:TemplateField HeaderText="Type">
<ItemTemplate>
<asp:DropDownList ID="ddMovetoStore" runat="server" AutoPostBack="false">
<asp:ListItem Value="No">No</asp:ListItem>
<asp:ListItem Value="Yes">Yes</asp:ListItem>
</asp:DropDownList>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Edit">
<ItemTemplate>
<asp:ImageButton ID="ImageButton1" runat="server" ImageUrl="http://dj9okeyxktdvd.cloudfront.net/App_Themes/CodeProject/Img/icn-MVP-64.png"
CommandArgument='<%# Eval("ID")%>' CommandName="Edit" Text="" />
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
</div>
</form>
</body>