Mootools: Obtenez la valeur de l'élément cliqué

Question

Hé les gars, je travaille actuellement sur quelque chose et je veux que je clique sur un élément de la zone de texte la valeur de celui-ci. le seul problème est qu'il n'a pas d'identifiant.

mon code html:

<ul id="textbox"> 
    <li><input type="text" value="test1" name="chosen" disabled="disabled" /></li> 
    <li><input type="text" value="test2" name="chosen" disabled="disabled" /></li> 
    <li><input type="text" value="test3" name="chosen" disabled="disabled" /></li> 
    <li><input type="text" value="test4" name="chosen" disabled="disabled" /></li> 
</ul> 

mon code Mootools:

window.addEvent('domready', function() { 

    var el = $('textbox'); 

}); 

Si je clique sur la première zone de texte que je veux alerter test1. Si je clique sur le deuxième que je veux alerter test2

Je pensais à ajouter les ID aux zones de texte, mais les zones de texte sont variables ...

Merci à l'avance ..

Answer 1

tout d'abord, vous avez un problème. Les éléments de formulaire désactivés ne déclenchent pas d'événements DOM, vous devez donc déterminer comment vous souhaitez gérer cela.

Deuxièmement, à votre question. MooTools has a selector pour faire ce que vous voulez. Je crois que l'extrait ci-dessous fonctionnera (je ne suis pas expert Mootools)

var el = $('textbox'); 
el.getElements('input[name=chosen]').addEvents({ 
    'click': function() 
    { 
     alert(this.value); 
    } 
}); 

Encore une fois, cela ne fonctionnera pas à moins que vous retirez la disabled="disabled" de vos entrées.