Utilisation de Jquery pour ajouter des éléments dans la zone de liste de zone de texte
Je suis coincé quelque part à l'aide de jquery pour ajouter la zone de liste à partir d'une zone de texte.
voici mon jquery
$("#btnAddSvc").click(function () {
var svc = $("#<%= txtServiceName.ClientID %>").val(); //Its Let you know the textbox's value
svc.appendTo("#<%=lstSvcName.ClientID %>");
});
Je suis en utilisant asp.net (c#) pour développer mon code
<asp:Button ID="btnAddSvc" runat="server" Text=">>" Font-Size="Medium" />
<asp:ListBox ID="lstSvcName" runat="server" SelectionMode="Multiple" ToolTip="Selected Service Names"
Width="169px"></asp:ListBox>
quelqu'un peut s'il vous plaît aider car je ne suis pas en mesure d'obtenir les valeurs dans la zone de liste.
OriginalL'auteur Pratik | 2012-07-06
Vous devez vous connecter pour publier un commentaire.
Le sélecteur jQuery $() est manquante pour
"#<%=lstSvcName.ClientID %>"
de sorte que vous obtiendrezid
de lstSvcName au lieu deobject
.J'ai aussi changé les ajouter instruction de ne pas avoir de syntaxe correcte.
serait
Votre code deviendra
MODIFIER [ Plus de fonctionnalités demandées par les OP pour les objets uniques dans la zone de liste et de compensation de zone de texte]
Essayez-le maintenant, vous avez eu tort de syntaxe pour l'ajout de l'élément dans la zone de liste, vérifier maintenant
Raison pour voter?
Surprisigly c'est aussi ne fonctionne pas 🙁 pourquoi vous avez inclus 5</option> ce 5 signifie ici
Il a été faute de frappe et j'ai déjà retiré, permettez-moi de vérifier pourquoi sa ne fonctionne pas
OriginalL'auteur Adil
Essayer quelque chose comme cela. Cela peut vous aider. Modifier la valeur de retour pour votre commodité.
Désolé pour le retard. Je force en ligne ces jours-ci. @PratikGupta , Essayez quelque chose comme cela pour supprimer
$('#<%= btnDelete.ClientID %>').click(function() { $listBox = $('#<%= lstBox.ClientID %>'); $selectedItem = $listBox.find('option:selected'); $selectedItem.remove(); return false; });
Juste essayer ces lignes de code pour vérifier les entrées en double. Je ne suis pas sûr que cela fonctionne. Essayez de modifier quelques lignes et essayer.
$textbox = $('#<%= txtText.ClientID %>'); for (var i = 0, j = selectObject.options.length; i < j; i++) { if(selectObject.options[i].value==$textbox.val()) { alert('This Item already exists'); e.preventDefault(); } }
Vraiment génial !!Je reçois à apprendre beaucoup.Merci à tous.
OriginalL'auteur Raaghav
Vous pourriez le faire à l'aide de jquery manipulation du DOM, mais... Maintenant, il ya une façon plus élégante de le faire: une méthode orientée objet (à l'aide d'un MVVM - Model View ViewModel), à l'aide de knockoutjs
Knockoutjs Package Nuget
Vous créer une liaison à votre liste de simplement ajouter
data-bind="options: elements"
à votre liste, et vous êtes toujours en train de travailler avec des objets, et jamais avec des éléments du DOM, dans cet exemple j'ai un tableau de chaînes, mais vous pouvez créer des objets personnalisés et liez-la en utilisant simplement un peu de variation dans la syntaxeLa façon de le faire est:
C'est la sortie:
OriginalL'auteur Jupaol