0

我有一个 HTML 表单:

<html>
<body>
<form>
<textarea></textarea>
<input type="button" value="Submit" onclick="????"></input>
</form>
<script type="text/javascript">
var code, chr = 'here';
code = chr.charCodeAt(0);
document.write("The ASCII code of " + chr +" is "+code);
</script>
</body>
</html>

我试图有一个文本区域,用户/我将在其中放置他的文本(单个字母)和一个他将单击以触发此事件的按钮。

现在的问题是如何使提交按钮将文本区域中的任何内容提交到:

var code, chr = '`here`';

如果需要其他数据,请告诉我。

4

3 回答 3

3

试试这个,在 osx Safari 上制作:

<html>
<body>

<form>
ASCII:<br>
<textarea id="text" rows="8" cols="50"></textarea><br>
<input type="button" value="Convert" onclick="asciify()">
<br>
<hr>
DEC:<br>
<textarea id="output" rows="8" cols="50"></textarea>
</form>

<script type="text/javascript">
function asciify(){
      var ih = document.getElementById("text").value;
      var out = "";
      for(var i = 0; i < ih.length; i++){
         out=out.concat("<",ih.charAt(i).charCodeAt(0),">");
      }
  document.getElementById('output').innerHTML = out;
}
</script>


</body>
</html>
于 2012-11-11T12:15:41.647 回答
1

如果我了解您要查找的内容,您需要一个 ascii 转换输入的函数,并且您需要从按钮中调用它。

我建议使用类似下面的方法,因为来自按钮的调用都是相对的,你可以在一个页面上有 15 个这样的表单,它们都可以工作,而且你的实际翻译方法保持简单和离散。

尽管使用如此简单的东西,您可以直接将其放入内联。

<html>
<body>
<script type="text/javascript">
function asciify(txt) {
    return = txt.charCodeAt(0);
}
</script>
<form>
<textarea name="txt_input"></textarea>
<input type="button" value="Submit" onclick="this.form.txt_output.value = asciify(this.form.txt_input.value)"></input>
<textarea name="txt_output"></textarea>
</form>
</body>
</html>
于 2012-04-08T02:49:48.047 回答
1
<html>
<body>
<form>
<textarea id="text"></textarea>
<input type="button" value="Submit" id="subm"/>
<div id="out"></div>
</form>
<script type="text/javascript">
document.getElementById("subm").addEventListener("click", asciify, false);
function asciify(){
    var ih = document.getElementById("text").innerHTML;
    var out = [];
    for(var i = 0; i < ih.length; i++){
        out.push(ih.charCodeAt(i));
    }
    document.getElementById("out").innerHTML = out.join(",")
}
</script>
</body>
</html>

这使用 javascript 添加 onclick 处理程序,并支持多个字符

于 2012-04-07T23:57:36.217 回答