2009-08-17 12 views
1

私は何かに取り組んでいるcurrenltyだし、私はそれの値をテキストボックスの要素をクリックしたい。唯一の問題はIDがないことです。Mootools:クリックされた要素の値を取得

私の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をクリックすると...

答えて

2

まず第一に、あなたに問題があります。無効になっているフォーム要素はDOMイベントを起動しないので、それをどのように処理するかを把握する必要があります。

第2に、あなたの質問に。 MooTools has a selectorあなたが望むことをする。私はあなたの入力からdisabled="disabled"を削除しない限り、再び、これは動作しません

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

(私はMooToolsのが専門家だ)以下のスニペットが動作すると信じています。

+0

peter:なぜ、無効になっても機能します。画面上では視覚的に変更されませんが、要素のカスタムクリックイベントを作成する場合は、それでもやりとりできます。変更するものはthis.value - > this.get( "value")(ベストプラクティスで、文字列プロトタイプを使用できるようにする)とセレクタを削除することは、おそらく変わらない限り、getElements( "input")のままです。 –

+0

@Dimitar - 私は混乱しています - あなたはDOMイベントが無効なフォーム要素から発砲していると言っていますか?それは本当ではないので。私はあなた自身のために見るための簡単なテストを行うことをお勧めします。 '

+0

hrm - あなたは正しい、私はそれを知らなかった。 –

関連する問題