Mootools:获取单击的元素值

时间:2009-08-17 18:52:56

标签: javascript html mootools

嘿伙计们,我当前正在处理某些事情,如果我点击文本框元素的价值,我想要。唯一的问题是它没有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添加到文本框中,但文本框是可变的......

提前致谢..

1 个答案:

答案 0 :(得分:2)

首先,你遇到了问题。禁用的表单元素不会触发DOM事件,因此您必须弄清楚如何处理它。

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

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

同样,除非您从输入中删除disabled="disabled",否则无法使用此功能。