【问题标题】:appendTo jquery add value to inputappendTo jquery 将值添加到输入
【发布时间】:2013-06-06 11:30:19
【问题描述】:

如何将此值添加到输入名称值以打印值作为输入以帮助我处理表单

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

我需要得到我们的 as

谁能帮我解决这个问题

完整代码

<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>

【问题讨论】:

  • 我尝试了但是当我设置输入和文本区域但我需要值作为

标签: php jquery appendto


【解决方案1】:

不知何故我怀疑你想附加一个文本区域,所以用你想要附加的真实元素替换它()......并将它附加到表单...... 因此,如果您的 html 看起来像这样..

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

那么代码就是……

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

或者试试这个……

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

【讨论】:

  • 看到我需要它从 file.name 中插入到输入值中
  • 我的表单
  • 我不替换表单,我需要上传文件的结果插入输入值
  • 是的,我明白了....那有什么问题???那么 file.name 是否有效?如果你 console.log(file.name) 它真的显示文件名会发生什么?
  • 输出是 不是
【解决方案2】:

使用 .val() 代替 .text()

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

编辑:作为 jsFiddle 的概念证明:http://jsfiddle.net/b26tx/

【讨论】:

  • out like 我尝试将其设为 input type="text" name="photo[]" value="image.jpg">
  • 附加对他有用,它是他遇到问题的文件名....我告诉他控制台记录它以查看它是否为空或其他什么,因为我上面的代码正在附加但没有设置值,它告诉我 file.name 无效或为空
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2014-06-24
  • 2011-10-16
  • 2021-08-01
相关资源
最近更新 更多