ユーザーの入力テキストをプログラマーの選択肢に置き換える方法

-3

テキスト入力フィールド内の特定の単語を別のものに置き換えたいと考えました。たとえば、ユーザーがテキスト入力フィールドにjasonと入力した場合、ボタンをクリックするとjamesに変換されます。簡単な答えは高く評価されます。ユーザーの入力テキストをプログラマーの選択肢に置き換える方法

出典

2017-10-27 jimmydoes

arrayをUsinし、その上にあなたが望むを交換するすべての単語を入れて、この配列は、この値はJamesに置き換えます持っているとき値は、このarrayであるならば、on blurチェック。この例を試してみてください、ここでタイプJason or Marko

$(document).ready(function() { 
 
    var array = ["Jason", "Marko"]; 
 
    $('input').blur(function() { 
 
    var $this = $(this); 
 
    if (array.includes($this.val())) $this.val("James"); 
 
    }) 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
 
<input>

出典

2017-10-27 00:05:56

はあなたが試すことができますコードです。これを行うには多くの方法がありますが、これは簡単な方法の1つです。任意のテキストエディタでname.htmlファイルをコピーして作成し、任意のブラウザでファイルを開いて結果を確認します： https://codepen.ioを使用してこれをテストすることもできます。

<!DOCTYPE html> 
<html> 
<body> 

<p>Click the button to replace "JASON" with "JAMES".</p> 

<p id="stackOverflow">JASON</p> 

<button onclick="replaceFunc()">Replace</button> 

<script> 
function replaceFunc() { 
    var str = document.getElementById("stackOverflow").innerHTML; 
    var res = str.replace("JSON", "JAMES"); 
    document.getElementById("stackOverflow").innerHTML = res; 
} 
</script> 

</body> 
</html>

出典

2017-10-27 00:12:19

ユーザーの入力テキストをプログラマーの選択肢に置き換える方法

答えて

関連する問題