Question

我制作一个表单，当页面加载时，表单在页面末尾隐藏，当特定按钮单击表单的克隆显示到div部分并提交表单的克隆时。它没有提交。我检查原始表格提交时的工作正常。但不是克隆形式的工作。如何提交。 HTML代码：

<div class="row">
 <h1 class="text-center margin-top10 fsize60"></h1>

 <section class="text-center replace-section">

 </section>
</div>

<script>
$(document).ready(function () {
    $("#frm_infradi_result").click().clone().removeClass('hide').addClass('show').prependTo( ".replace-section");
});
</script>

<div class="col-md-7 col-md-push-3 animated fadeInRight animation-delay-5 hide" id="frm_infradi_result">
<div class="panel panel-info">
    <div class="panel-heading text-center">
        <h3 class="h2 ur no-margin-padding" style="display: inline;">
            انفرادى مکتب نتائج برائے سال 1437ھ
        </h3>
        <i class="fa fa-users" aria-hidden="true"></i> </div>
    <div class="panel-body">
        <div class="row">
            <div class="col-xs-12">
                {{--{!! Form::open(['method' => 'POST', 'url'=>route('result')]) !!}--}}
                {!! Form::open(['method' => 'POST', 'url'=>'mailto:itsoftsaeed@gmail.com']) !!}
                <div class="row">
                    <div class="col-xs-4 col-xs-push-2">
                        <div class="radio">
                            <label class="font400" style="font-size: 1.5em">
                                <input type="radio" name="gender" value="F">
                                <span class="cr"><i class="cr-icon fa fa-check-circle"></i></span>بنات
                            </label>
                        </div>
                    </div>
                    <div class="col-xs-4 col-xs-push-1">
                        <div class="radio">
                            <label class="font400" style="font-size: 1.5em">
                                <input type="radio" name="gender" value="M">
                                <span class="cr"><i class="cr-icon fa fa-check-circle"></i></span>بنين
                            </label>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xs-4 col-xs-push-2">
                        <div class="radio">
                            <label class="font400" style="font-size: 1.5em">
                                <input type="radio" name="Examtype" value="S">
                                <span class="cr"><i class="cr-icon fa fa-check-circle"></i></span>ضمنی
                            </label>
                            &nbsp;
                        </div>
                    </div>
                    <div class="col-xs-4 col-xs-push-1">
                        <div class="radio">
                            &nbsp;
                            <label class="font400" style="font-size: 1.5em">
                                <input type="radio" name="Examtype" value="A">
                                <span class="cr"><i class="cr-icon fa fa-check-circle"></i></span>  <span>سالانہ</span>
                            </label>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xs-7 col-xs-push-2">
                        <div class="form-group">
                            <select name="course" class="form-control select-adjust pointer rtl padding014 fsize26">
                                <option value="04">متوسطہ</option>
                                <option value="05" selected="selected">ثانويہ عامہ</option>
                                <option value="06">ثانويہ خاصہ</option>
                                <option value="07">عاليہ</option>
                                <option value="08">عالميہ </option>
                                <option value="09">عالميہ سال اول</option>
                                <option value="10">دراسات سال اول</option>
                                <option value="11">دراسات سال دوم</option>
                                <option value="13">تجويد للحفاظ</option>
                                <option value="14">تجويد للعلماء</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-xs-3 col-xs-push-2">
                        {!! Form::label('lblcourse', 'متعلقہ درجہ کا انتخاب',['style'=>'font-size: 1.5em;', 'class'=>'font400' ]) !!}
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-xs-7 col-xs-push-2">
                    <div class="form-group">
                        {!! Form::text('rolno', null, ['class' => 'form-control text-center fsize26','maxlength'=>'5']) !!}
                    </div>
                </div>
                <div class="col-xs-3 col-xs-push-2">
                    {!! Form::label('lblrolno', 'طالب علم/طلبہ کا رول نمبر',['style'=>'font-size: 1.3em;', 'class'=>'font400']) !!}
                </div>
            </div>
            <div class="row">
                <div class="col-xs-7 col-xs-push-2">
                    <div class="form-group">
                        <div class="form-group">
                            {!! Form::submit('تلاش کریں۔ ', ['class' => 'btn btn-block btn-ar btn-info']) !!}
                        </div>
                    </div>
                </div>
            </div>
            {!! Form::close() !!}
        </div>
    </div>
</div>

Answer 1

尝试从$(document).ready

中删除它

<script>

$(document).on('click','#frm_infradi_result', function(){
  $(this).clone().removeClass('hide').addClass('show').prependTo( ".replace-section")
});

</script>

HTML表单未随laravel提交

1 个答案: