JQUERY: search by control id

Question

My aspx page currently contains

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

but now I would like to replace them

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

so how do I change the following jquery to display input fields to replace text fields?

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

Answer 1

I would use the "ends with" parameter in the attribute selector in case the name is controlled by a control located in the container. Pay attention to $=instead =.

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

Answer 2

If you need the exact identifier of your controls, you can do this:

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

Of course, this assumes your JS is not in an external file.

Answer 3

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

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

Answer 4

, ID ID ( <input type="text" id="openid_username"> aspx html, :

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

Answer 5

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

Answer 6

I would do the following:

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