Clear PlaceHolder controls on client side

Question

Is it possible to clear all asp:PlaceHolder controls on client side using JavaScript?

Something like: placeHolder.Controls.Clear() - but this is on server side.

score 0 · Answer 1 · answered May 28 '12 at 09:26

0

you can use following jQuery code:

$("#placeHolder").html("");

answered May 28 '12 at 09:26

Kapil Khandelwal

15,958
2
45
52

PlaceHolder will create a simple DIV without any IDs, so don't think it will work – Andrei Drynov May 28 '12 at 09:30
and also is not say here that is use jQuery, how ever this is the idea – Aristos May 28 '12 at 09:33

score 0 · Answer 2 · answered May 28 '12 at 09:39

0

Not elegant, but works. Surround your PlaceHolder with another div:

<div id="masterDiv">
        <asp:PlaceHolder runat="server" ID="placeHolder1" >
            Some stuff
            <input type="text" />
            <input type="submit" value="Don't click!" />
        </asp:PlaceHolder>
 </div>

If you can use jQuery, then use the empty function or html('')

$('#masterDiv').empty();

Or

$('#masterDiv').html('');

If you must use JavaScript, then do same:

document.getElementById('masterDiv').innerHTML = "";

answered May 28 '12 at 09:39

Andrei Drynov

8,362
6
39
39

Thanks for your reply. I can use JQUERY, I tried both solutions but it doesn't work. To make things clearer, I want to clear only the controls inside the asp:PlaceHolder. Based on your example: – Inbal May 28 '12 at 10:18
Did you want to clear the contents of those controls or do you want to just clear the whole placeholder of any controls so that you are left with
(the latter does work)? – Andrei Drynov May 28 '12 at 13:05
I want to clear the placeholder controls (the controls themselves, not just their content), but I don't want to remove the placeholder from the page. Exactly like - placeholder.controls.clear() function, but in client side. – Inbal May 29 '12 at 06:45
This topic has many suggestions: http://stackoverflow.com/questions/6364289/clear-form-fields-with-jquery – Andrei Drynov May 29 '12 at 10:56
Thanks Andrei, but I don't want to clear textbox text, for example.. I want to remove the textbox itself from the place holder. – Inbal May 29 '12 at 11:30
Placeholder typically creates a DIV, so you can run $('#masterDiv div').empty(); to remove controls from it. – Andrei Drynov May 29 '12 at 15:35

Clear PlaceHolder controls on client side

2 Answers2