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 有一个选择器来做你想做的事。我相信下面的代码片段会起作用（我不是 mootools 专家）

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

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