how to pass the javascript variable to textbox?

Question

i would like to ask a question.

how can i pass the javascript generated code to the textbox "code" ?

I surf the internet but I cannot find the answer

I hope all of you can help me.

thanks!!

  <form><input name="code" type="text" value="" >
                <script>
                    function makeid()
                    {
                        var text = "";
                        var possible = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";

                        for( var i=0; i < 6; i++ )
                            text += possible.charAt(Math.floor(Math.random() * possible.length));

                        alert(text);
                        return text;
                    }       
                </script>
                  <input type="button" style="font-size:9pt" value="Generate Code" onclick="makeid()">
                  </input></form>

Livingston Samuel · Accepted Answer · 2011-02-06 17:02:03Z

1

You have to set the value of the text box, rather than returning the value

The updated code,

var codeElem = document.getElementById('code');

function makeid() {
  var text = "", possible = "ABCDEFGHIJKLMNOPQRSTUVWXYZ", i = 0;

  for( ; i < 6; i++ ) {
    text += possible.charAt(Math.floor(Math.random() * possible.length));
  }

  //alert(text);

  codeElem.value = text;
}

You've to add an id attribute to the text box, so that it can be accessed easily.

<input id="code" name="code" type="text" value="" >

Working example

answered Feb 6, 2011 at 17:02

Livingston Samuel

2,4222 gold badges20 silver badges35 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

sdleihssirhc · Accepted Answer · 2011-02-06 16:53:28Z

0

You need to set that textbox's value value. If its id was code, you could just do this:

document.getElementById('code').value = text;

But as it stands, you'll have to cycle through all inputs to look for it:

var inputs = document.getElementsByTagName('input'),
    i = inputs.length;

while (i) {
    i -= 1;
    if (inputs[i].name === 'code') {
        inputs[i].value = text;
        break;
    }
}

answered Feb 6, 2011 at 16:53

sdleihssirhc

42.6k6 gold badges56 silver badges67 bronze badges

2 Comments

Livingston Samuel Over a year ago

you need not iterate over all input elements in a form, as you can use getElementsByName to get the textbox with a name property. So your second example can be rewritten as var codeElem = document.getElementsByName('code')[0] to get the single textbox as shown in the question.

sdleihssirhc Over a year ago

@Livingston I was thinking, as I wrote that, "There's a better way. There's got to be." @Javed The === makes sure to compare the actual values. For example, 0 === "0" is false, even though 0 == "0" is true.

AbdullahC · Accepted Answer · 2011-02-06 16:57:30Z

0

The following code change for the two input fields will cause the random string to appear in the input text field, in addition to the alert box:

<input name="code" id="code" type="text" value="" >
<!-- original javascript code goes here-->
<input type="button" style="font-size:9pt" value="Generate Code" 
    onclick="document.getElementById('code').value = makeid()">

answered Feb 6, 2011 at 16:57

AbdullahC

6,7103 gold badges29 silver badges43 bronze badges

Collectives™ on Stack Overflow

how to pass the javascript variable to textbox?

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related