こちらのプログラムは変更をクリックすると中身を書き換えることができるプログラムになっています。
ですが確定を押すとプログラムは動きませんなぜでしょうか?
回答をお待ちしております。
html
1<!DOCTYPE html> 2<html> 3<head> 4<meta charset="utf-8"> 5<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> 6<script type="text/javascript"> 7$(function(){ 8 var type,name,valu,tab,place,edit; 9 $('input[type=button]').click(function(){ 10 edit=$(this).val(); 11 name=this.name.replace(/_bt/g,""); 12 valu=$('[name='+name+']').val(); 13 if(edit==='変更'){ 14 if(name==='name'){ 15 type='text'; 16 place='お名前を入力してください'; 17 tab='1'; 18 }else if(name==='email'){ 19 type='email'; 20 place='メールアドレスを入力してください'; 21 tab='2'; 22 }else if(name==='user_id'){ 23 type='text'; 24 place='半角英数字8~32文字'; 25 tab='3'; 26 }else{ 27 return; 28 } 29 $(this).parent().html('<input class="sns_edit" type="'+type+'" name="'+name+'" value="'+valu+'" tabindex="1" placeholder="'+place+'"><input type="button" name="'+name+'_bt" value="確定">'); 30 }else if(edit==='確定'){ 31 $(this).parent().html(valu+'<input type="hidden" name="name" value="'+valu+'" /><input type="button" name="'+name+'_bt" value="変更">'); 32 }else{ 33 return; 34 } 35 }); 36}); 37</script> 38<title>無題ドキュメント</title> 39</head> 40<body> 41<dl> 42 <dt>お名前</dt> 43 <dd>山田太郎<input type="hidden" name="name" value="山田太郎" /><input type="button" name="name_bt" value="変更"></dd> 44 <dt>メールアドレス</dt> 45 <dd>xx@xx.co.jp<input type="hidden" name="email" value="xx@xx.co.jp" /><input type="button" name="email_bt" value="変更"></dd> 46 <dt>ユーザーID</dt> 47 <dd>xx_xx<input type="hidden" name="user_id" value="xx_xx" /><input type="button" name="user_id_bt" value="変更"></dd> 48</dl> 49</body> 50</html>
こういった事が度々起きて困っています。
知識不足で申し訳ありませんがどうぞ宜しくお願いいたします。
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。