0

您好我想知道是否可以通过单击 html 按钮将字母数字代码（由 javascript 生成）传递到 html 文本框？

所以我的意思是，我有一个文本框和一个按钮，如果我单击该按钮，它将从 java 脚本代码中获取生成的代码，并将显示在文本框中...

这是我的代码（如果可以编辑，请编辑整个代码...）：

<html>
  <head><title> Untitled Document </title></head>
  <body>
    <script type="text/javascript">
      function randomString(length, chars) {
        var mask = '';
        if (chars.indexOf('a') > -1) mask += 'abcdefghijklmnopqrstuvwxyz';
        if (chars.indexOf('A') > -1) mask += 'ABCDEFGHIJKLMNOPQRSTUVWXYZ';
        if (chars.indexOf('#') > -1) mask += '0123456789';
        var result = '';
        for (var i = length; i > 0; --i) {
          result += mask[Math.round(Math.random() * (mask.length - 1))];
        }
        return result;
      }
      document.write(randomString(16, 'aA#'));
    </script>
    <form>
      <label for="gencode"> Generated Code: </label>

      <!-- here is the problem I don't know what am I -->
      <input type="text" id="gencode" name="gencode">

      <!-- going to put on he onclick and on the value -->
      <input type="button" value="generate now">
    </form>
  </body>
</html>
4

1 回答 1

0

我不得不承认，你试图用掩蔽做什么，我只是相信你的话。那不是我的专业领域。但是，我认为这可以解决您遇到的问题。

注意，IE8 和 7 支持node.attachEvent而不是node.addEventListener. 不过， IE9确实支持node.addEventListener。如果您需要对那些旧 IE 版本的支持，您需要进行一些检查：

if (addEventListener) {
    document.addEventListener('click', myClickHandler);
} else if (attachEvent) {
    document.attachEvent('onclick', myClickHandler);
}

注意click和的onclick区别。

HTML

<h1>Generate Code</h1>
<form>
    <label for="length">Length: </label>
    <input type="text" id="length" name="length" value="10">
    <label for="characters">Characters: </label>
    <input type="text" id="chars" name="chars" value="akdie">
    <label for="gencode"> Generated Code: </label>
    <input type="text" id="gencode" name="gencode">
    <button type="button" id="generate">Generate Now</button>
</form>​

Javascript

function randomString() {
    var gencode = document.getElementById('gencode'),
        length = document.getElementById('length').value,
        chars = document.getElementById('chars').value,
        mask = '',
        result = '';

    console.log(length, chars);

    if (chars.indexOf('a') > -1) mask += 'abcdefghijklmnopqrstuvwxyz';
    if (chars.indexOf('A') > -1) mask += 'ABCDEFGHIJKLMNOPQRSTUVWXYZ';
    if (chars.indexOf('#') > -1) mask += '0123456789';

    for (var i = length; i > 0; --i) {
        result += mask[Math.round(Math.random() * (mask.length - 1))];
    }

    console.log(result);

    gencode.value = result;
}

window.addEventListener('load', function load(){
    document.getElementById('generate').addEventListener('click', randomString);
});

​http://jsfiddle.net/userdude/ub26g/

于 2012-09-16T03:42:30.250 回答