appendTo jquery add value to input

Question

how to add this value to input name value to print values as input to help me with forms

$('<textarea/>').text(file.name).appendTo('#files');

< input type='text' name='photo[]' value=''/>

i need to get our as < input type='text' name='photo[]' value='file.jpg'/>

can any one help me with it that

full code

<script>
/*jslint unparam: true */
/*global window, $ */
$(function () {
    'use strict';
    // Change this to the location of your server-side upload handler:
    var url = (window.location.hostname === 'server/php/' ||
                window.location.hostname === 'server/php/') ?
                '//jquery-file-upload.appspot.com/' : 'server/php/';
    $('#fileupload').fileupload({
        url: url,
        dataType: 'json',
        done: function (e, data) {
            $.each(data.result.files, function (index, file) {
                $('<textarea/>').text(file.name).appendTo('#files');
            });
        },
        progressall: function (e, data) {
            var progress = parseInt(data.loaded / data.total * 100, 10);
            $('#progress .bar').css(
                'width',
                progress + '%'
            );
        }
    });
});
</script>

i try but when i set input and textarea but i need value as < input type='text' name='photo[]' value='file.jpg'/> — Michael Atef
– Michael Atef, Commented Jun 10, 2013 at 18:19

Kylie · Accepted Answer · 2013-06-10 18:40:49Z

1

Somehow I doubt you wanna append a textarea, so replace that with the real element you want to append ()...and append it to the formm... So if your html looks like this..

<form id="files" action="" method="">
<textarea></textarea>
</form>

Then the code will be...

 done: function (e, data) {
        $.each(data.result.files, function (index, file) {
            $('<input type="text" name="photo[]" />').val(file.name).appendTo('#files');
        });
    },

Or try this...

 done: function (e, data) {
        $.each(data.result.files, function (index, file) {
            $('<input type="text" name="photo[]" value='+file.name+'/>').appendTo('#files');
        });
    },

edited Jun 10, 2013 at 18:40

answered Jun 10, 2013 at 18:19

Kylie

11.8k11 gold badges51 silver badges81 bronze badges

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

9 Comments

Michael Atef Over a year ago

see i need it out of file.name insert into value of input as <input type="text" name="photo[]" value=file.name />

Michael Atef Over a year ago

my form <form><input type="file" name="files[]" multiple="" id="fileupload"></form>

Michael Atef Over a year ago

i don't replace form i need result of files uploaded insert into value of inputs

Kylie Over a year ago

Yeah, I get that....whats the problem then??? is file.name even valid then? what happens if you console.log(file.name) does it actually show the filename?

Michael Atef Over a year ago

out was <input type="text" name="photo[]" value="file.name"> not <input type="text" name="photo[]" value="image.jpg">

|

Alexandre Danault · Accepted Answer · 2013-06-10 18:28:44Z

0

use .val() instead of .text()

    done: function (e, data) {
        $.each(data.result.files, function (index, file) {
            $('<input type="text"/>').val(file.name).appendTo('#files');
        });
    },

EDIT: Proof of concept as jsFiddle: http://jsfiddle.net/b26tx/

answered Jun 10, 2013 at 18:28

Alexandre Danault

8,6923 gold badges34 silver badges35 bronze badges

2 Comments

Michael Atef Over a year ago

out like <input type="text"> i try to make it as input type="text" name="photo[]" value="image.jpg">

Kylie Over a year ago

The append is working for him, its the file.name he is having trouble with....I told him to console.log it to see if its empty or whatever since my code above is appending but not setting the value, it tells me file.name is either invalid or empty

Collectives™ on Stack Overflow

appendTo jquery add value to input

2 Answers 2

9 Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

9 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related