Question

我有一个带有表格的模态：

<div class="modal-body">
    <form role="form" class="form-horizontal" action="../system/file_change.php" method="post" enctype="multipart/form-data">
        <div class="form-group">
            <div class="col-sm-10">
                <input type="file" name="fileToUpload" id="fileToUpload">
            </div>
            <div class="col-sm-2">
                <input type="submit" name="submit" class="btn btn-info pull-right replacefile" value="<?php echo $data['text_replace']?>">
            </div>
            <input type="hidden" name="order_id" value="<?php echo $order_id; ?>">
            <input name="old_code" type="hidden" id="old_code">
            <input type="hidden" name="token" value="<?php echo $token; ?>">
        </div>
    </form>
</div>

一个脚本，它以dinamycally方式插入一个值来输入name =＆＃34; old_code＆＃34;字段：

<script>
$('.replacefile').on('click', function(){
    $('#old_code').val($(this).attr('data-id'));
    console.log( $('#old_code').attr('value')); 
});
</script>

控制台日志会返回正确的代码。我的问题是，为什么这个代码没有提交表单？我该如何解决这个问题？

Answer 1

试试这个：

<script>
$('.replacefile').on('click', function(){
    $('#old_code').val($(this).val());
    console.log( $('#old_code').val()); 
});
</script>

Answer 2

<div class="modal-body">
<form role="form" id="myForm" class="form-horizontal" action="../system/file_change.php" method="post" enctype="multipart/form-data">
    <div class="form-group">
        <div class="col-sm-10">
            <input type="file" name="fileToUpload" id="fileToUpload">
        </div>
        <div class="col-sm-2">
            <input type="button" name="submit" class="btn btn-info pull-right replacefile" value="<?php echo $data['text_replace']?>">
        </div>
        <input type="hidden" name="order_id" value="<?php echo $order_id; ?>">
        <input name="old_code" type="hidden" id="old_code">
        <input type="hidden" name="token" value="<?php echo $token; ?>">
    </div>
</form>

<script>
    $('.replacefile').on('click', function(){
    $('#old_code').val($(this).attr('data-id'));
    console.log( $('#old_code').attr('value')); 
    document.getElementById("myForm").submit();
});
</script>

尝试以上代码

使用jquery插入的值不以表格形式提交

2 个答案: