Sélection par attribut ID à l'aide de JQuery dans ASP.NET

Question

Je viens de commencer à utiliser JQuery dans VS 2008, et jusqu'à présent je l'aime! Mais, je suis confus sur la façon dont je devrais utiliser JQuery afin de sélectionner les contrôles asp.net sur une page Web.

Par exemple, j'ai le code suivant (juste un de maquette):

<asp:textbox id="txtSomeData1" runat="server" text="Some Data!!"></textbox> 

Maintenant, si je veux utiliser JQuery pour sélectionner la zone de texte et le modifier est le texte à « quelques chiffres !! », alors je dois faire quelque chose comme:

$('input#ctl00_ContentPlaceHolder1_txtSomeData1').val('Some More Data!!'); 

qui, très franchement, est ennuyeux parce que je ne veux pas gâcher d'avoir à comprendre ce que l'ID du contrôle est une fois qu'il est rendu à la page Web (ctl00_ContextPlaceHolder ... bla bla bla).

Y at-il un moyen que je peux sélectionner la zone de texte sans avoir à utiliser l'ID de celui-ci? En outre, je sais que vous pouvez sélectionner par nom de classe, mais cela n'aide pas beaucoup si le contrôle que vous sélectionnez n'a pas de classe.

Est-ce qu'il me manque quelque chose ici?

JUSTE DE RÉITERER: Je ne veux pas utiliser une classe pour sélectionner l'étiquette d'entrée !! Je voudrais utiliser l'id "txtSomeData1" et non l'identifiant long qui est rendu à la page Web.

Answer 1

Qu'est-ce que vous voulez faire est soit:

$("input[id$='_txtSomeData1']").val()..... 

ou vous pouvez ajouter un attribut de classe ou sur mesure pour la zone de texte que vous pouvez sélectionner sur

Answer 2

Il y a beaucoup de sélecteurs à utiliser ... peut-être ajouter une classe est ce que vous voulez faire.

http://docs.jquery.com/Selectors

Answer 3

jQuery Wildcard Selectors sont ce que vous pourriez manquer ici.

Answer 4

Ceci est une grande plainte de la communauté avec ASP Formulaires Web .Net Dans ASP.Net 4.0, vous récupérez le contrôle de vos ID, c'est comme si vous l'écriviez en HTML brut. Sinon, sans .Net 4.0, vous pouvez utiliser ASP.Net MVC qui, pour la plupart, n'utilise pas les contrôles serveur, donc vous n'auriez pas le problème. Mais, comme le dit Harry, Harry ajoute que l'ajout d'une classe peut être ce que vous voulez si vous travaillez avec des formulaires Web et jQuery.

Answer 5

Vous pouvez ajouter des classes 'marker' à n'importe quel contrôle dont le seul but est d'être utilisé dans un sélecteur jQuery. Ce, ainsi que la navigation sur le heirarchy des arbres (quelque chose comme "$(element).children('.myClass').show()" pourrait être une bonne façon de le faire sans ID.

BTW, http://visualjquery.com/ est une excellente façon de voir les API jQuery etc.

Answer 6

Vous pouvez utiliser le La notation element [id $ = Identifiant], qui cherche l'identifiant se terminant par le texte que vous spécifiez (c'est l'ID spécifié dans le balisage ASPX) Voici un exemple illustrant comment vous pouvez l'utiliser (voir la diapositive # 30): Building intranet applications with ASP.NET AJAX and jQuery.

Answer 7

si le javascript est sur le même.fichier ASPX, vous pouvez le faire:

$('<%= txtSomeData1.ClientID %>').val('Some More Data!!'); 

Answer 8

Si vous allez externalisent le JavaScript à ses propres .js fichier, vous êtes coincé avec soit le codage en dur dans l'identifiant (le plus efficace), une sélection d'expression régulière ou en utilisant la inefficace par le sélecteur de nom de classe.

Toutefois, si elle est dans le même fichier que le contrôle .NET, vous pouvez toujours utiliser $('<%=txtSomeData1.ClientID %>')

Answer 9

S'il vous plaît utiliser la syntaxe suivante: $ (« [id * = txtSomeData1] ») pour référencer un contrôle asp