How to get value of a input field in Javascript

Question

I am using valums-file-uploader plugin. It allows me to upload files using ajax. I have a problem with it. I have the following script-

<input type="text" id="Gaurav" name="Gaurav" />
<script src="fileuploader.js" type="text/javascript"></script>
<script>
    function createUploader(){
        var uploader = new qq.FileUploader({
            element: document.getElementById('file'),
            action: 'do-nothing.php',
            params:{param: document.getElementById('Gaurav').value},
            allowedExtensions: ['jpg', 'jpeg', 'png', 'gif'],
            minSizeLimit: 1,
            debug: false
        });
    }

    // in your app create uploader as soon as the DOM is ready
    // dont wait for the window to load  
    window.onload = createUploader;     
</script>

In it, I want to set the value of param entered by the user. The code is working properly for default value of Gaurav, but didn't work for user inputted value.

The uploader is created with that value when the window loads, it doesn't magically change when the input value changes — Esailija
– Esailija, Commented Jul 26, 2012 at 15:21
Which library/framework/plugin is that? Please link to it / tag your question - it does not seem to be jQuery.ajax. — Bergi
– Bergi, Commented Jul 26, 2012 at 15:23

El Ronnoco · Accepted Answer · 2012-07-26 15:23:23Z

3

You need to call createUploader after the user has entered a value. This code is 'fixing' the param value as soon as the window loads.

You may have a button click event or something - call it from that and it will take the value at that time...

answered Jul 26, 2012 at 15:23

El Ronnoco

11.9k5 gold badges41 silver badges67 bronze badges

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

1 Comment

Gaurav Mishra Over a year ago

On the place of window.onload, I wrote-var g= document.getElementById('Gaurav'); g.onblur= creatUploader;

Samson · Accepted Answer · 2012-10-16 10:58:01Z

2

You set a param to your function (the value you want to push) and call the function when the user writes something inside the input. *The param is in fact optional because your function gets the value from the input itself but it is more efficient to pass the argument as you skip the DOM search.

<input type="text" id="Gaurav" name="Gaurav" onchange="createUploader($(this).val())" />
<script src="fileuploader.js" type="text/javascript"></script>
<script>
    function createUploader(value){
        var uploader = new qq.FileUploader({
            element: document.getElementById('file'),
            action: 'do-nothing.php',
            params:{param: value,
            allowedExtensions: ['jpg', 'jpeg', 'png', 'gif'],
            minSizeLimit: 1,
            debug: false
        });
    }

    // in your app create uploader as soon as the DOM is ready
    // dont wait for the window to load  
    window.onload = createUploader($("#Gaurav").val());     
</script>

edited Oct 16, 2012 at 10:58

answered Jul 26, 2012 at 15:24

Samson

2,8317 gold badges40 silver badges55 bronze badges

1 Comment

Samson Over a year ago

It s also set on the onchange event.

Collectives™ on Stack Overflow

How to get value of a input field in Javascript

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related