Question

如何克隆文件输入字段的值属性。像这样：

<input type="file" id="field1"/>
<input type="file" id="field2"/>
<script>
$('#field2').val($('#field1').val());
</script>

Answer 1

我找到了这个问题的解决方案：

<input type="file" id="field1"/>
<span id="field2_area"><input type="file" id="field2"/></span>
<script>
$('#field1').change(function(){
    var clone = $(this).clone();
    clone.attr('id', 'field2');
    $('#field2_area').html(clone);
});
</script>

Answer 2

如果您希望他们在用户与他们互动时保持不变：

$(function(){
    $('#field1').on('keyup blur', function(){

            $('#field2').val($(this).val());

     }).blur();
});

在页面加载时触发blur（）将与您已有的代码

相同

编辑刚刚意识到这些是文件字段...浏览器安全限制了您可以使用它们做什么

克隆值如何输入文件

2 个答案: