<div>
Here is an example done with file upload to call getElement by id. &nbsp; 
 
&lt;asp:FileUpload ID=&quot;fuAttachment&quot; runat=&quot;server&quot; Style=&quot;display: none;&quot; /&gt; 
&lt;input id=&quot;btnAttachment&quot; type=&quot;button&quot; value=&quot;Add Attachment&quot; runat=&quot;server&quot; /&gt; 
 
btnAttachment.Attributes.Add(&quot;onclick&quot;, &quot;document.getElementById('&quot; + fuAttachment.ClientID + &quot;').click();&quot;);
</div>

<div>
Sorry if this sounds dumb but where would I put the Attributes.Add command? Is that when I bind the Repeater or on Page Load or some where else?
</div>

<div>
right click on your page, choose view source and post it here
</div>

<div>
Put this in the head section : 
 
No action, we hide the last column 
other choice we display the last column 

<pre><code class="code-10 nolinks" id="code-8225019">&lt;script language=&quot;javascript&quot; type=&quot;text/javascript&quot;&gt;
window.onload = function() {
 var inputs = document.getElementsByTagName(&quot;input&quot;);
 for(var i=0;i&lt;inputs.length;i++) {
 if( inputs[i].type == &quot;radio&quot; ) {
 if( inputs[i].value == &quot;No Access&quot; ) {
 inputs[i].onclick = function() {
 var td = this.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.getChildren()[2];
 td.style.display = (this.checked)?&quot;none&quot;:&quot;block&quot;;
 }
 }
 else if( inputs[i].value == &quot;Like Employee&quot; || inputs[i].value == &quot;By Function&quot; || inputs[i].value == &quot;Other&quot; ) {
 inputs[i].onclick = function() {
 var td = this.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.getChildren()[2];
 td.style.display = (this.checked)?&quot;block&quot;:&quot;none&quot;;
 }
 }
 }
 }
}
&lt;/script&gt;
</code></pre>
</div>

<div>
@leakim971: &nbsp;Your solution is realy close to what I need but not quite there. &nbsp;Sorry, my previous description was probably not clear enough. &nbsp;When the user selects &quot;No Access&quot; no controls should show in the last column of that row. When they choose &quot;Like Employee&quot; the select box should be the only control showing in the last column, when they choose &quot;By Function&quot; the ComboBox should be the only control showing, and when they choose &quot;Other&quot; the TextBox should be the only control showing. &nbsp;I would need to clear the values of the unseen controls as well. 
</div>

<div>
Put the following in head section : 
 

<pre><code class="code-10 nolinks" id="code-20-36927716-1">&lt;script language=&quot;javascript&quot; type=&quot;text/javascript&quot; src=&quot;http://yui.yahooapis.com/3.4.1/build/simpleyui/simpleyui.js&quot;&gt;&lt;/script&gt;
&lt;script language=&quot;javascript&quot; type=&quot;text/javascript&quot;&gt;
 YUI().use(&quot;node&quot;, &quot;event&quot;,function(Y) {

 Y.on(&quot;domready&quot;, init);

 function init() {
 Y.all(&quot;[value='No Access']&quot;).on(&quot;click&quot;, function(e) {
 var table = e.currentTarget.ancestor(&quot;table&quot;).ancestor(&quot;table&quot;);
 table.one(&quot;select&quot;).setStyle(&quot;display&quot;, &quot;none&quot;);
 table.one(&quot;.ajax__combobox_inputcontainer&quot;).ancestor().setStyle(&quot;display&quot;, &quot;none&quot;);
 table.one(&quot;textarea&quot;).setStyle(&quot;display&quot;, &quot;none&quot;);
 })
 Y.all(&quot;[value='Like Employee']&quot;).on(&quot;click&quot;, function(e) {
 var table = e.currentTarget.ancestor(&quot;table&quot;).ancestor(&quot;table&quot;);
 table.one(&quot;select&quot;).setStyle(&quot;display&quot;, &quot;block&quot;);
 table.one(&quot;.ajax__combobox_inputcontainer&quot;).ancestor().setStyle(&quot;display&quot;, &quot;none&quot;);
 table.one(&quot;textarea&quot;).setStyle(&quot;display&quot;, &quot;none&quot;);
 })
 Y.all(&quot;[value='By Function']&quot;).on(&quot;click&quot;, function(e) {
 var table = e.currentTarget.ancestor(&quot;table&quot;).ancestor(&quot;table&quot;);
 table.one(&quot;select&quot;).setStyle(&quot;display&quot;, &quot;none&quot;);
 table.one(&quot;.ajax__combobox_inputcontainer&quot;).ancestor().setStyle(&quot;display&quot;, &quot;block&quot;);
 table.one(&quot;textarea&quot;).setStyle(&quot;display&quot;, &quot;none&quot;);
 })
 Y.all(&quot;[value='Other']&quot;).on(&quot;click&quot;, function(e) {
 var table = e.currentTarget.ancestor(&quot;table&quot;).ancestor(&quot;table&quot;);
 table.one(&quot;select&quot;).setStyle(&quot;display&quot;, &quot;none&quot;);
 table.one(&quot;.ajax__combobox_inputcontainer&quot;).ancestor().setStyle(&quot;display&quot;, &quot;none&quot;);
 table.one(&quot;textarea&quot;).setStyle(&quot;display&quot;, &quot;block&quot;);
 })
 }
 })
&lt;/script&gt;
</code></pre>
</div>

<div>
@leakim971: &nbsp;When I try using your code it works great on the first row, but clicking on a radio button group on another row affects the controls of the first row. For example if i click &quot;Other&quot; on row 3 it hides all the controls in row 1 column 3 except the textbox. It should hide the controls in row 3 column 3. &nbsp;I also noticed that the values of the controls that are hidden are not cleared. &nbsp;Does that mean that they will be returned on post back? &nbsp;If so that is a problem. &nbsp;Thanks again for your hard work!
</div>

<div>
do you have a link to see the page? 
 
or could you post content of theses files : 
&lt;link href=&quot;/Security/WebResource.axd?d=3T4RYSEtcbUwnr0MxQcSJbM4U6l0ABLfTMwUYJpV5HixjwApeDA6OG5sqfJahPvCG3u3_jOmaMokXKlAVPflQVj9e0jgOqWfsSwxDJMYNIDBJIOQBjaMXnTfz9D0RtQ1D3HANkcorvzcEsMHfzIBDg2&amp;amp;t=634477505720000000&quot; type=&quot;text/css&quot; rel=&quot;stylesheet&quot; /&gt; 
&lt;link href=&quot;/Security/WebResource.axd?d=Rtpo3jbd2zY6V2mhz8tk2JyF63TEMu_H3aRKfMFXoluTgLlpO27GGsrKacvqEXj1DimHxEye-VQcGkoZDeHLnuiBnRgf8IDd23It6Qe2WGV9WQmbQa5I6K1ssbzKQgntJ_KdBqoxbS8IAPCgqmm5wg2&amp;amp;t=634477505720000000&quot; type=&quot;text/css&quot; rel=&quot;stylesheet&quot; /&gt;
</div>

<div>
Unfortunatly I don't have a link to see the page. &nbsp;The site is under construction so it only exists on my development server for now. &nbsp;I also do not see WebResource.axd in the file system. &nbsp;I did not explicitly add that link to my page so it must be something that .net adds on the fly. &nbsp;I have no ideal how I would access it to post the contents. Is there any other way I can help?
</div>

<div>
Thank you leakim971. By the way what is the javascript file at <a href="http://yui.yahooapis.com/3.4.1/build/simpleyui/simpleyui.js" rel="ugc">http://yui.yahooapis.com/3.4.1/build/simpleyui/simpleyui.js</a>&nbsp;for? &nbsp;Will anyone be upset if I copy it to my server so I don't have to make outside calls?
</div>

<div>
Yes, copy it to your server... You MUST copy it to your server :) 
 

</div>

<div>
Thanks again leakim971, you have been a huge help.
</div>

<div>
you're welcome, see you later
</div>

<div>
<div class="content wysiwyg-content">
Thanks in advance for any help you guys can give me. &nbsp;I am working on a web application to allow some employees to put in security change requests. On one of the pages in the app I have the user select what type of security should be applied to a particular account. I use a repeater to generate a table with the name of a securable object, some radio buttons giving them options about how to secure the object, and then a final column that has controls for making the final selections. &nbsp;The idea is that based on what options the user chooses on the radio buttons determines which controls they see in the final column. Like this: &nbsp;<a href="https://filedb.experts-exchange.com/incoming/2011/10_w41/509803/Untitled.png" target="_blank" title="Picture of what I'm trying to do (19 KB)"><img alt="Picture of what I'm trying to do" class="file-block lazyload" style="max-width: 800px;" data-src="https://filedb.experts-exchange.com/incoming/2011/10_w41/800_509803/Untitled.png" /></a>My first instinct would be to use javascript to show/hide the controls but i cannot figure out how to tell my javascript function how to show/hide the right controls. &nbsp;I tried adding &lt;%# Eval(&quot;SecObjectName&quot;) %&gt; to the ID tag of the web controls so that I could use getElementByID, but I keep getting an error when I build the site. I'm stumped. I'm not even sure this is the best way to go about what I'm trying to do. Any help would be greatly appreciated.
</div>
</div>

Untitled.png

Thanks in advance for any help you guys can give me. I am working on a web application to allow some employees to put in security change requests. On one of the pages in the app I have the user select what type of security should be applied to a particular account. I use a repeater to generate a table with the name of a securable object, some radio buttons giving them options about how to secure the object, and then a final column that has controls for making the final selections. The idea is that based on what options the user chooses on the radio buttons determines which controls they see in the final column. Like this: 
My first instinct would be to use javascript to show/hide the controls but i cannot figure out how to tell my javascript function how to show/hide the right controls. I tried adding <%# Eval("SecObjectName") %> to the ID tag of the web controls so that I could use getElementByID, but I keep getting an error when I build the site. I'm stumped. I'm not even sure this is the best way to go about what I'm trying to do. Any help would be greatly appreciated.

show/hide controls inside a .net 4.0 repeater

The successor to Active Server Pages, ASP.NET websites utilize the .NET framework to produce dynamic, data and content-driven web applications and services. ASP.NET code can be written using any .NET supported language. As of 2009, ASP.NET can also apply the Model-View-Controller (MVC) pattern to web applications

ASP.NET

JavaScript is a dynamic, object-based language commonly used for client-side scripting in web browsers. Recently, server side JavaScript frameworks have also emerged. JavaScript runs on nearly every operating system and  in almost every mainstream web browser.

JavaScript

VBScript (Visual Basic Scripting Edition) is an interpreted scripting language developed by Microsoft that is modeled on Visual Basic, but with some important differences. VBScript is commonly used for automating administrative and other tasks in Windows operating systems (by means of the Windows Script Host) and for server-side scripting in ASP web applications. It is also used for client-side scripting in Internet Explorer, specifically in intranet web applications.