2012-12-01

jQueryで連番のid属性を持つ要素に対してまとめて処理する

例えば、何かのマスタデータを一覧形式で修正できるようなインターフェイスがあったとしよう。


<input id="mstcd001" name="mstcode[]" type="text" value="mstcd001" />
<input id="mstcd002" name="mstcode[]" type="text" value="mstcd002" />
<input id="mstcd003" name="mstcode[]" type="text" value="mstcd003" />
<input id="mstcd201" name="mstcode[]" type="text" value="mstcd201" />
<input id="mstcd351" name="mstcode[]" type="text" value="mstcd351" />



クリックしたときやフォーカス取得時に、テキスト全選択したいときは、こんな感じで設定するといい。


<script>
<!--
$(document).ready(function() {
    $('input').filter(function(){
        return this.id.match(/^mstcode([0-9])+$/i);
    })
        .focus(function(){
            $(this).select();
        })
        .mouseup(function(e){
            e.preventDefault();
        });
});
//-->
</script>

0 件のコメント:

コメントを投稿

結局は可愛い我が子

以前の会社の話。 俺がいたころ、「当時の社長」の息子が転職してきた。 「あー、結局は同族会社か」 と思ったし、まあ、ほかのヤツもそう思ったよね。 その時は否定した「当時の社長」。 でも、なーんか含みを持たせた逃げの言い訳してたなー。 その器があればとか、 周りが認めてくれればとか...