Acess HTML input from both client and server side

Question

I have an input textbox and I need to access it from both JavaScript and server side C#. If I insert runat="server", the control will be accessible only from the server.

<input id="txtSearch" /> // Accessible only from JavaScript
<input id="txtSearch" runat="server"/> // Accessible only from C#

You can access both.... Look at the generated source code and see why you can not select the element by its id. ;) — epascarello, Aug 31 '16 at 12:32
Did you look at the html and see why? What is the id after you set the runat? — epascarello, Aug 31 '16 at 12:34
@Ado i have read the question, it is not clear what you are asking — Ehsan Sajjad, Aug 31 '16 at 12:44
@EhsanSajjad you didn't understand but you marked as duplicate. Ok, I got it. — Ado, Aug 31 '16 at 12:47
@Ado i voted to close as the question is not clear, duplicate is marked by other users — Ehsan Sajjad, Aug 31 '16 at 12:48

score 0 · Accepted Answer · answered Aug 31 '16 at 12:34

0

While using runat="server", .net web form will do some modifications to your controls, in this case your input's ID will no long is txtSearch anymore, that would be something like "form_1abcasd_txtSearch". You could fix the issue by ClientIdMode="Static" to get rid of that.

If you are using jQuery, you could use $("input[id$='txtSearch']") to access the element as well.

answered Aug 31 '16 at 12:34

Zay Lau

1,856
1
10
17

The solution about jQuery worked! Which one would be best ClientIdMode="Static" and $("input[id$='txtSearch']")? – Ado Aug 31 '16 at 12:39
I recommend `ClientIdMode` unless you can ensure you won't have duplicated ID tails, like `txtSearch` and `atxtSearch` – Zay Lau Aug 31 '16 at 12:43
@Ado you may also want to read more: http://blog.zay-dev.com/net-web-form-implementation-strategy-1-the-over-postback/ – Zay Lau Sep 01 '16 at 01:33

Acess HTML input from both client and server side

1 Answers1