NO IMAGE

jQuary フォーム色々操作メモ

 

<h2>フォーム</h2>
<form id="form01">
<input type="text" name="name">
</form>

<script>
    $(function(){       
              
        $("#form01 [name='name']").blur(function(){
                $(this).after('<p>aaaaa</p>');
            });
    });
</script>

ーカスアウト時に文字を追加、これだと追加されてしまう。
なので、フォーカス時に有れば消すという処理を入れる。

 

<form id="form02">
<input type="text" name="name"><p></p>
</form>

<script>
$(function(){ 

$("#form02 [name='name']").blur(function(){
$(this).next("p").text('aaaaa'); 
});
});
</script>

これはテキスト入力の次に空のPタグを入れている。フォーカス時に次のPタグの内容を.textで書き換えている。
ただ、これだと次にPタグがあるのが前提になる。そこで、次の要素がPか確認するなど処理を入れる。

<form id="form03">
 <input type="text" name="name">
</form>


<script>
$(function(){ 
 
 $("#form03 [name='name']").blur(function(){
 if(!$(this).next("p").length){
 $(this).after('<p>追加されたPタグの中身</p>'); 
 }
 });
});
 </script
>

 

(this).next(“p”).lengthで、有るか確認してなければ、afterで追加

 <p id="click_re">クリックで消してみる</p>
 <script>
 $(function(){       
 
 $("#click_re").click(function(){
 $("#form03 [name='name']").next("p").remove();

     });
});
 </script>

 

NO IMAGE
最新情報をチェックしよう!

    Warning: Trying to access array offset on value of type bool in /home/xsvx1010357/kato.space/public_html/wp/wp-content/themes/the-thor/template-parts/single-prevnext.php on line 37

    Warning: Trying to access array offset on value of type bool in /home/xsvx1010357/kato.space/public_html/wp/wp-content/themes/the-thor/template-parts/single-prevnext.php on line 38

    Warning: Trying to access array offset on value of type bool in /home/xsvx1010357/kato.space/public_html/wp/wp-content/themes/the-thor/template-parts/single-prevnext.php on line 39

  • Warning: Trying to access array offset on value of type bool in /home/xsvx1010357/kato.space/public_html/wp/wp-content/themes/the-thor/template-parts/single-prevnext.php on line 83

    Warning: Trying to access array offset on value of type bool in /home/xsvx1010357/kato.space/public_html/wp/wp-content/themes/the-thor/template-parts/single-prevnext.php on line 84

    Warning: Trying to access array offset on value of type bool in /home/xsvx1010357/kato.space/public_html/wp/wp-content/themes/the-thor/template-parts/single-prevnext.php on line 85
>最強のWordPressテーマ「THE THOR」

最強のWordPressテーマ「THE THOR」

システムの構築・保守運用「   」 社内システム担当が欲しいが、専属で雇うほどの仕事量はない。 必要な時に必要なだけ頼りたいというお悩みを持つ企業様へ専門知識を持って対応を行っております。 サーバから各種システムまで自社・他社で構築されたシステムに対してサポートを行っております。

CTR IMG