CODEWITHSUNDEEP
jqueryasp.net
OrElse
OrElse

Reputation: 10009

JQUERY: Finding by control ID

Currently my aspx page contains 

<input type="text" name="openid_username" />
<input type="text" name="openid_identifier" />

but now i would like to replace them with 

<asp:TextBox ID="openid_username" runat="server"></asp:TextBox>
<asp:TextBox ID="openid_identifier" runat="server"></asp:TextBox>

so how should i modify the following JQUERY, to reflect the input boxes to textboxes replacement?

  var $usr = $this.find('input[name=openid_username]');
  var $id = $this.find('input[name=openid_identifier]');

Upvotes: 5

Views: 30196

Answers (6)

Mahesh Velaga
Mahesh Velaga

Reputation: 21981

I would go with the following to achieve that:

var $usr = $("input[id$='openid_username']");
var $id = $("input[id$='openid_identifier']");

Upvotes: 0

Cᴏʀʏ
Cᴏʀʏ

Reputation: 107626

If you want the exact ID of your controls, you can do this:

var $usr = $this.find('#<%= openid_username.ClientID %>');
var $id = $this.find('#<%= openid_identifier.ClientID %>');

Of course, this is assuming your JS isn't in an external file.

Upvotes: 3

Rotem Tamir
Rotem Tamir

Reputation: 1457

I'm not sure but if ID translates into the elements ID attribute (i.e turns into <input type="text" id="openid_username"> in the aspx generated html, I would go with:

var $usr = $("#openid_username");

Upvotes: 1

Hogan
Hogan

Reputation: 70528

 var $usr=$("#openid_username");

should work or try

 var $usr = $('[id*=openid_username]');

Upvotes: 2

moe
moe

Reputation: 29774

var $usr = $this.find('#openid_username');
var $id = $this.find('#openid_identifier');

Upvotes: 0

tvanfosson
tvanfosson

Reputation: 532755

I would use the "ends with" option on the attribute selector in case the name is mangled by the control being in a container. Note the $= instead of =.

var $usr = $this.find('input[name$=openid_username]');
var $id = $this.find('input[name$=openid_identifier]');

Upvotes: 8

Related Questions