javascript - Mootools:获取被点击的元素值

Question

嘿伙计们，我目前正在做某事，如果我单击一个文本框元素，我想知道它的值。唯一的问题是它没有 ID。

我的 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>

我的 mootools 代码:

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

    var el = $('textbox');

});

如果我单击第一个文本框，我想提醒 test1。如果我点击第二个，我想提醒 test2

我正在考虑将 ID 添加到文本框，但文本框是可变的...

提前致谢..

Answer 1

首先，你有一个问题。禁用的表单元素不会触发 DOM 事件，因此您必须弄清楚要如何处理它。

其次，关于你的问题。 MooTools has a selector做你想做的事。我相信下面的代码片段会起作用(我不是 mootools 专家)

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

同样，除非您从输入中删除 disabled="disabled"，否则这不会起作用。