Question

如何将文本输入转换为ASCII并在文本区域中显示..

HTML

<div class="form-group">
    <label for="exampleInputPassword1">Favorite Food</label>
    <input type="text" class="form-control" id="fFood" placeholder="Favorite Food" required>
    <textarea name="txt_output"></textarea>
</div>

Answer 1

我认为您想要的意思是显示textBox中textArea中输入的“文字”

如果是这样，请点击此处：try here by clicking the button to display text in text area

JS：

function display(){
var result = document.getElementById('fFood');
var txtArea = document.getElementById('textArea');
txtArea.value = result.value;
}

编辑如果您想从字符串中获取ASCII代码：try it here。

source of reference

Answer 2

如果您的意思是如何从javascript字符串中获取字符的字符代码，那么您将使用字符串方法str.charCodeAt(index)。

var str = "abcd";
var code = str.charCodeAt(0);

这在技术上是字符的unicode值，但对于常规的ascii字符，这与ascii值的值相同。

工作演示：http://jsfiddle.net/jfriend00/ZLRZ7/

如果您的意思是如何从textarea字段中获取文本，您可以通过首先获取表示该对象的DOM对象然后从该对象获取文本来实现：

var textareas = document.getElementsByName("txt_output");
var txt = textareas[0].value;

如果您想将该文本放入输入字段，可以使用以下额外代码行完成：

document.getElementById("fFood").value = txt;

Answer 3

jquery的

$(function(){
    $('input[type=text]').keyup(function(){
    var x = $('input[type=text]').val();
    $('textarea').val(x);
    });
});

的javascript

<script>
function myFunction()
{
var x = document.getElementById("fFood").value;
document.getElementById("ta").value=x;
}
</script>

和html

<div class="form-group">
    <label for="exampleInputPassword1">Favorite Food</label>
    <input type="text" class="form-control" id="fFood" onkeyup="myFunction()" placeholder="Favorite Food">
    <textarea name="txt_output" id="ta"></textarea>
</div>

如何在Javascript中将表单文本输入转换为ASCII？

3 个答案: