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 件のコメント:

コメントを投稿

.htaccessで403を404で返す

久しぶりにリライトルールを書いたよ。 ドキュメントルートに.htaccessを置く場合の記述↓ # 403.html は実体がなくてよい。この設定をすることで、あっても使われなくなる。 ErrorDocument 403 /403.html # 独自の404ページをドキュメ...