2011-08-29 2 views
0

グローバルJSONオブジェクト(jqueryのキー入力は、私はjQueryのでJSONオブジェクトの値を取得することができますJSONからPHPへのAjaxのポスト呼び出しによって初期化され、それが次のような値 を返している

$arr = array('h' => 'html', 'l' => 'li', 'p' => 'pre', 'd' =>'dom', 'e' => 'element'); 
echo json_encode($arr); 

を文字または文字列を置き換える。

はketpressイベントがマッピングされているテキストボックスがある。ユーザが文字をそれが値json_obj [「H」]に置き換えなければならない代わりに、時間のテキストボックスに時間を入力どこ可能ですすなわち、htmlです。 json_objがjsonオブジェクトを保持する変数です。

答えて

1

ここで多くの質問:final example

json_encode PHP配列:echo json_encode($arr);

jquery ajax

var lookUpObject; 
$.getJSON({ 
    'something.php', 
     success: function (data) { 
     lookUpObject = data; 
     } 
}); 

次いでkeypress

するvar lookUpObject = { H: 'HTML' 、 p: 'php' };

$(document).ready(function() { 
    $('input').keypress(function (event) { 
     var result = lookUpObject [String.fromCharCode(event.which)]; 

     if (result) { 
      var val = $(this).val(); 
      $(this).val(val + result); 
      event.preventDefault(); 
     } 
    }) 
}); 
+0

私が必要としているように素晴らしい作品です。 – kiranking

0

これは、キーアップイベントをキャプチャし、押されたキーを使用して、テキストボックスのテキストを配列に置き換えます。あなたがおそらく実行すべきである検証やエラーチェック(配列にキーが押されているかどうかなど)を入れなかったことに注意してください。

$('#inputID').keyup(function(e) { 
    var key = String.fromCharCode(e.which); 
    $(this).val($arr[key]); 
}); 
0

最初にチェックしたのは、ユーザープレスがin arrayです。その場合は、prevent defaultアクションとその値を入れてください。

関連する問題