18910140161

HTML-如何在Laravel中提交带有空值或空值和非空值的表单-堆栈溢出

顺晟科技

2022-10-19 12:11:46

77

我有模态弹出窗口与表单,在提交表单时,我想插入数据,无论用户选择或输入。当前,除非填写所有字段并从下拉列表中选择任何值,否则无法提交表单。

以下是我的Html代码:

<div id="feedbackModal" class="modal fade" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <form method="post" id="feedback_form" autocomplete="off">
                <div class="modal-header">
                   <h4 class="modal-title"></h4>
                </div>
                <div class="modal-body">
                    {{csrf_field()}}
                    <span id="form_output"></span>
                    
                    <div class="form-group">
                       <label>Adjust Risk Level:</label>
                      <select name="FeedRisklevel" id="FeedRisklevel" class="form-control">
                        <option value="">Select Risk Level</option>
                        <option value="High Risk">High Risk</option>
                        <option value="Low Risk">Low Risk</option>
                      </select>       
                    </div>
                    <div class="form-group">
                       <label>Influencers:</label><br/>
                      <select name="Feedinfluencers[]" id="Feedinfluencers" multiple class="form-control">
                        <option value="Long Work Hours">Long Work Hours</option>
                        <option value="No Vacation/Leaves in Recent past">No Vacation/Leaves in Recent past</option>
                        <option value="Salary not per market standards">Salary not per market standards</option>
                        <option value="Lower Salary than Peers">Lower Salary than Peers</option>
                        <option value="No Bonus Received in last one year
                        ">No Bonus Received in last one year</option>
                        <option value="No Salary Revision in last one year">No Salary Revision in last one year</option>
                        <option value="Expecting Relocation">Expecting Relocation</option>
                        <option value="Expecting Progression">Expecting Progression</option>
                        <option value="Looking for Role/Job/Unit change">Looking for Role/Job/Unit change</option>
                        <option value="Upskilling/Learning Programs Missing">Upskilling/Learning Programs Missing</option>
                        <option value="High Work Pressure/Stress">High Work Pressure/Stress</option>
                        <option value="Non-Alignment with Supervisors/Managers">Non-Alignment with Supervisors/Managers</option>
                        <option value="Lower Bonus received than expected in last one year">Lower Bonus received than expected in last one year</option>
                        <option value="Lower Salary Revision than expected in last one year">Lower Salary Revision than expected in last one year</option>
                        <option value="No Work Life Balance">No Work Life Balance</option>
                        <option value="Lack of Job Security">Lack of Job Security</option>
                        <option value="Lack of Recognition">Lack of Recognition
                        </option>
                        <option value="Lack of Career Opportunities">Lack of Career Opportunities</option>
                        <option value="Lack of Employee Care Activities">Lack of Employee Care Activities</option>
                      </select>
                    </div>
                    <div class="form-group">
                        <label>Employee Discussion Feedback:</label>
                        <input type="text" name="feedback" id="feedback" class="form-control" placeholder="Feedback" value="" />
                    </div>
                      <div class="form-group">
                        <label>Action Taken:</label>
                        <input type="radio" class="check" name="check" value="Yes">Yes
                        <input type="radio" class="check" name="check" value="No" checked>No
                        <select name="action[]" id="action" multiple class="action form-control">
                          <option value="Offcycle Salary Revision">Offcycle Salary Revision</option>
                          <option value="Special Bonus">Special Bonus</option>
                          <option value="Retention Bonus">Retention Bonus</option>
                          <option value="Internal Career Opportunity">Internal Career Opportunity</option>
                          <option value="Monthly/Quarterly Recognition">Monthly/Quarterly Recognition</option>
                          <option value="Inline Progression">Inline Progression</option>
                          <option value="Stay Interview">Stay Interview</option>
                          <option value="One on one discussion/Counselling">One on one discussion/Counselling</option>
                          <option value="Personal Development Plan">Personal Development Plan</option>
                          <option value="Relocation Opportunity">Relocation Opportunity</option>
                          <option value="Flexibility in the Schedule">Flexibility in the Schedule</option>
                          <option value="Upskilling/Learning Programs Scheduled">Upskilling/Learning Programs Scheduled</option>
                          <option value="Workload Balanced">Workload Balanced</option>
                        </select>
                      </div>      
                </div>
                <div class="modal-footer">
                     <input type="hidden" name="feedback_id" id="feedback_id" value="" />
                      <input type="hidden" name="FeedRisklevel_id" id="FeedRisklevel_id" value="" />
                      <input type="hidden" name="Feedinfluencers_id" id="Feedinfluencers_id" value="" />
                      <input type="hidden" name="Action_id" id="Action_id" value="" />
                    <input type="hidden" name="button_action" id="button_action" value="insert" />
                    <input type="submit" name="submit" id="Feedback" value="Submit" class="btn" style="background-color: #CA0088;color: #fff" />
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                </div>
            </form>
        </div>
    </div>
</div>

这是我的脚本:

<div id="feedbackModal" class="modal fade" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <form method="post" id="feedback_form" autocomplete="off">
                <div class="modal-header">
                   <h4 class="modal-title"></h4>
                </div>
                <div class="modal-body">
                    {{csrf_field()}}
                    <span id="form_output"></span>
                    
                    <div class="form-group">
                       <label>Adjust Risk Level:</label>
                      <select name="FeedRisklevel" id="FeedRisklevel" class="form-control">
                        <option value="">Select Risk Level</option>
                        <option value="High Risk">High Risk</option>
                        <option value="Low Risk">Low Risk</option>
                      </select>       
                    </div>
                    <div class="form-group">
                       <label>Influencers:</label><br/>
                      <select name="Feedinfluencers[]" id="Feedinfluencers" multiple class="form-control">
                        <option value="Long Work Hours">Long Work Hours</option>
                        <option value="No Vacation/Leaves in Recent past">No Vacation/Leaves in Recent past</option>
                        <option value="Salary not per market standards">Salary not per market standards</option>
                        <option value="Lower Salary than Peers">Lower Salary than Peers</option>
                        <option value="No Bonus Received in last one year
                        ">No Bonus Received in last one year</option>
                        <option value="No Salary Revision in last one year">No Salary Revision in last one year</option>
                        <option value="Expecting Relocation">Expecting Relocation</option>
                        <option value="Expecting Progression">Expecting Progression</option>
                        <option value="Looking for Role/Job/Unit change">Looking for Role/Job/Unit change</option>
                        <option value="Upskilling/Learning Programs Missing">Upskilling/Learning Programs Missing</option>
                        <option value="High Work Pressure/Stress">High Work Pressure/Stress</option>
                        <option value="Non-Alignment with Supervisors/Managers">Non-Alignment with Supervisors/Managers</option>
                        <option value="Lower Bonus received than expected in last one year">Lower Bonus received than expected in last one year</option>
                        <option value="Lower Salary Revision than expected in last one year">Lower Salary Revision than expected in last one year</option>
                        <option value="No Work Life Balance">No Work Life Balance</option>
                        <option value="Lack of Job Security">Lack of Job Security</option>
                        <option value="Lack of Recognition">Lack of Recognition
                        </option>
                        <option value="Lack of Career Opportunities">Lack of Career Opportunities</option>
                        <option value="Lack of Employee Care Activities">Lack of Employee Care Activities</option>
                      </select>
                    </div>
                    <div class="form-group">
                        <label>Employee Discussion Feedback:</label>
                        <input type="text" name="feedback" id="feedback" class="form-control" placeholder="Feedback" value="" />
                    </div>
                      <div class="form-group">
                        <label>Action Taken:</label>
                        <input type="radio" class="check" name="check" value="Yes">Yes
                        <input type="radio" class="check" name="check" value="No" checked>No
                        <select name="action[]" id="action" multiple class="action form-control">
                          <option value="Offcycle Salary Revision">Offcycle Salary Revision</option>
                          <option value="Special Bonus">Special Bonus</option>
                          <option value="Retention Bonus">Retention Bonus</option>
                          <option value="Internal Career Opportunity">Internal Career Opportunity</option>
                          <option value="Monthly/Quarterly Recognition">Monthly/Quarterly Recognition</option>
                          <option value="Inline Progression">Inline Progression</option>
                          <option value="Stay Interview">Stay Interview</option>
                          <option value="One on one discussion/Counselling">One on one discussion/Counselling</option>
                          <option value="Personal Development Plan">Personal Development Plan</option>
                          <option value="Relocation Opportunity">Relocation Opportunity</option>
                          <option value="Flexibility in the Schedule">Flexibility in the Schedule</option>
                          <option value="Upskilling/Learning Programs Scheduled">Upskilling/Learning Programs Scheduled</option>
                          <option value="Workload Balanced">Workload Balanced</option>
                        </select>
                      </div>      
                </div>
                <div class="modal-footer">
                     <input type="hidden" name="feedback_id" id="feedback_id" value="" />
                      <input type="hidden" name="FeedRisklevel_id" id="FeedRisklevel_id" value="" />
                      <input type="hidden" name="Feedinfluencers_id" id="Feedinfluencers_id" value="" />
                      <input type="hidden" name="Action_id" id="Action_id" value="" />
                    <input type="hidden" name="button_action" id="button_action" value="insert" />
                    <input type="submit" name="submit" id="Feedback" value="Submit" class="btn" style="background-color: #CA0088;color: #fff" />
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                </div>
            </form>
        </div>
    </div>
</div>

这是我的控制器:

<div id="feedbackModal" class="modal fade" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <form method="post" id="feedback_form" autocomplete="off">
                <div class="modal-header">
                   <h4 class="modal-title"></h4>
                </div>
                <div class="modal-body">
                    {{csrf_field()}}
                    <span id="form_output"></span>
                    
                    <div class="form-group">
                       <label>Adjust Risk Level:</label>
                      <select name="FeedRisklevel" id="FeedRisklevel" class="form-control">
                        <option value="">Select Risk Level</option>
                        <option value="High Risk">High Risk</option>
                        <option value="Low Risk">Low Risk</option>
                      </select>       
                    </div>
                    <div class="form-group">
                       <label>Influencers:</label><br/>
                      <select name="Feedinfluencers[]" id="Feedinfluencers" multiple class="form-control">
                        <option value="Long Work Hours">Long Work Hours</option>
                        <option value="No Vacation/Leaves in Recent past">No Vacation/Leaves in Recent past</option>
                        <option value="Salary not per market standards">Salary not per market standards</option>
                        <option value="Lower Salary than Peers">Lower Salary than Peers</option>
                        <option value="No Bonus Received in last one year
                        ">No Bonus Received in last one year</option>
                        <option value="No Salary Revision in last one year">No Salary Revision in last one year</option>
                        <option value="Expecting Relocation">Expecting Relocation</option>
                        <option value="Expecting Progression">Expecting Progression</option>
                        <option value="Looking for Role/Job/Unit change">Looking for Role/Job/Unit change</option>
                        <option value="Upskilling/Learning Programs Missing">Upskilling/Learning Programs Missing</option>
                        <option value="High Work Pressure/Stress">High Work Pressure/Stress</option>
                        <option value="Non-Alignment with Supervisors/Managers">Non-Alignment with Supervisors/Managers</option>
                        <option value="Lower Bonus received than expected in last one year">Lower Bonus received than expected in last one year</option>
                        <option value="Lower Salary Revision than expected in last one year">Lower Salary Revision than expected in last one year</option>
                        <option value="No Work Life Balance">No Work Life Balance</option>
                        <option value="Lack of Job Security">Lack of Job Security</option>
                        <option value="Lack of Recognition">Lack of Recognition
                        </option>
                        <option value="Lack of Career Opportunities">Lack of Career Opportunities</option>
                        <option value="Lack of Employee Care Activities">Lack of Employee Care Activities</option>
                      </select>
                    </div>
                    <div class="form-group">
                        <label>Employee Discussion Feedback:</label>
                        <input type="text" name="feedback" id="feedback" class="form-control" placeholder="Feedback" value="" />
                    </div>
                      <div class="form-group">
                        <label>Action Taken:</label>
                        <input type="radio" class="check" name="check" value="Yes">Yes
                        <input type="radio" class="check" name="check" value="No" checked>No
                        <select name="action[]" id="action" multiple class="action form-control">
                          <option value="Offcycle Salary Revision">Offcycle Salary Revision</option>
                          <option value="Special Bonus">Special Bonus</option>
                          <option value="Retention Bonus">Retention Bonus</option>
                          <option value="Internal Career Opportunity">Internal Career Opportunity</option>
                          <option value="Monthly/Quarterly Recognition">Monthly/Quarterly Recognition</option>
                          <option value="Inline Progression">Inline Progression</option>
                          <option value="Stay Interview">Stay Interview</option>
                          <option value="One on one discussion/Counselling">One on one discussion/Counselling</option>
                          <option value="Personal Development Plan">Personal Development Plan</option>
                          <option value="Relocation Opportunity">Relocation Opportunity</option>
                          <option value="Flexibility in the Schedule">Flexibility in the Schedule</option>
                          <option value="Upskilling/Learning Programs Scheduled">Upskilling/Learning Programs Scheduled</option>
                          <option value="Workload Balanced">Workload Balanced</option>
                        </select>
                      </div>      
                </div>
                <div class="modal-footer">
                     <input type="hidden" name="feedback_id" id="feedback_id" value="" />
                      <input type="hidden" name="FeedRisklevel_id" id="FeedRisklevel_id" value="" />
                      <input type="hidden" name="Feedinfluencers_id" id="Feedinfluencers_id" value="" />
                      <input type="hidden" name="Action_id" id="Action_id" value="" />
                    <input type="hidden" name="button_action" id="button_action" value="insert" />
                    <input type="submit" name="submit" id="Feedback" value="Submit" class="btn" style="background-color: #CA0088;color: #fff" />
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                </div>
            </form>
        </div>
    </div>
</div>

我能够存储数据,但必须选择所有的值,我需要的是它应该提交用户选择的数据,如果它是空白的,它应该在数据库中插入空白数据。有人能帮我怎么做吗?


顺晟科技:

第1步:首先将数据库表中的所有字段设置为可空字段。 步骤2:之后,将选择标记修改为:

<div id="feedbackModal" class="modal fade" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <form method="post" id="feedback_form" autocomplete="off">
                <div class="modal-header">
                   <h4 class="modal-title"></h4>
                </div>
                <div class="modal-body">
                    {{csrf_field()}}
                    <span id="form_output"></span>
                    
                    <div class="form-group">
                       <label>Adjust Risk Level:</label>
                      <select name="FeedRisklevel" id="FeedRisklevel" class="form-control">
                        <option value="">Select Risk Level</option>
                        <option value="High Risk">High Risk</option>
                        <option value="Low Risk">Low Risk</option>
                      </select>       
                    </div>
                    <div class="form-group">
                       <label>Influencers:</label><br/>
                      <select name="Feedinfluencers[]" id="Feedinfluencers" multiple class="form-control">
                        <option value="Long Work Hours">Long Work Hours</option>
                        <option value="No Vacation/Leaves in Recent past">No Vacation/Leaves in Recent past</option>
                        <option value="Salary not per market standards">Salary not per market standards</option>
                        <option value="Lower Salary than Peers">Lower Salary than Peers</option>
                        <option value="No Bonus Received in last one year
                        ">No Bonus Received in last one year</option>
                        <option value="No Salary Revision in last one year">No Salary Revision in last one year</option>
                        <option value="Expecting Relocation">Expecting Relocation</option>
                        <option value="Expecting Progression">Expecting Progression</option>
                        <option value="Looking for Role/Job/Unit change">Looking for Role/Job/Unit change</option>
                        <option value="Upskilling/Learning Programs Missing">Upskilling/Learning Programs Missing</option>
                        <option value="High Work Pressure/Stress">High Work Pressure/Stress</option>
                        <option value="Non-Alignment with Supervisors/Managers">Non-Alignment with Supervisors/Managers</option>
                        <option value="Lower Bonus received than expected in last one year">Lower Bonus received than expected in last one year</option>
                        <option value="Lower Salary Revision than expected in last one year">Lower Salary Revision than expected in last one year</option>
                        <option value="No Work Life Balance">No Work Life Balance</option>
                        <option value="Lack of Job Security">Lack of Job Security</option>
                        <option value="Lack of Recognition">Lack of Recognition
                        </option>
                        <option value="Lack of Career Opportunities">Lack of Career Opportunities</option>
                        <option value="Lack of Employee Care Activities">Lack of Employee Care Activities</option>
                      </select>
                    </div>
                    <div class="form-group">
                        <label>Employee Discussion Feedback:</label>
                        <input type="text" name="feedback" id="feedback" class="form-control" placeholder="Feedback" value="" />
                    </div>
                      <div class="form-group">
                        <label>Action Taken:</label>
                        <input type="radio" class="check" name="check" value="Yes">Yes
                        <input type="radio" class="check" name="check" value="No" checked>No
                        <select name="action[]" id="action" multiple class="action form-control">
                          <option value="Offcycle Salary Revision">Offcycle Salary Revision</option>
                          <option value="Special Bonus">Special Bonus</option>
                          <option value="Retention Bonus">Retention Bonus</option>
                          <option value="Internal Career Opportunity">Internal Career Opportunity</option>
                          <option value="Monthly/Quarterly Recognition">Monthly/Quarterly Recognition</option>
                          <option value="Inline Progression">Inline Progression</option>
                          <option value="Stay Interview">Stay Interview</option>
                          <option value="One on one discussion/Counselling">One on one discussion/Counselling</option>
                          <option value="Personal Development Plan">Personal Development Plan</option>
                          <option value="Relocation Opportunity">Relocation Opportunity</option>
                          <option value="Flexibility in the Schedule">Flexibility in the Schedule</option>
                          <option value="Upskilling/Learning Programs Scheduled">Upskilling/Learning Programs Scheduled</option>
                          <option value="Workload Balanced">Workload Balanced</option>
                        </select>
                      </div>      
                </div>
                <div class="modal-footer">
                     <input type="hidden" name="feedback_id" id="feedback_id" value="" />
                      <input type="hidden" name="FeedRisklevel_id" id="FeedRisklevel_id" value="" />
                      <input type="hidden" name="Feedinfluencers_id" id="Feedinfluencers_id" value="" />
                      <input type="hidden" name="Action_id" id="Action_id" value="" />
                    <input type="hidden" name="button_action" id="button_action" value="insert" />
                    <input type="submit" name="submit" id="Feedback" value="Submit" class="btn" style="background-color: #CA0088;color: #fff" />
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                </div>
            </form>
        </div>
    </div>
</div>

步骤3:根据代码更改其他选择:

<div id="feedbackModal" class="modal fade" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <form method="post" id="feedback_form" autocomplete="off">
                <div class="modal-header">
                   <h4 class="modal-title"></h4>
                </div>
                <div class="modal-body">
                    {{csrf_field()}}
                    <span id="form_output"></span>
                    
                    <div class="form-group">
                       <label>Adjust Risk Level:</label>
                      <select name="FeedRisklevel" id="FeedRisklevel" class="form-control">
                        <option value="">Select Risk Level</option>
                        <option value="High Risk">High Risk</option>
                        <option value="Low Risk">Low Risk</option>
                      </select>       
                    </div>
                    <div class="form-group">
                       <label>Influencers:</label><br/>
                      <select name="Feedinfluencers[]" id="Feedinfluencers" multiple class="form-control">
                        <option value="Long Work Hours">Long Work Hours</option>
                        <option value="No Vacation/Leaves in Recent past">No Vacation/Leaves in Recent past</option>
                        <option value="Salary not per market standards">Salary not per market standards</option>
                        <option value="Lower Salary than Peers">Lower Salary than Peers</option>
                        <option value="No Bonus Received in last one year
                        ">No Bonus Received in last one year</option>
                        <option value="No Salary Revision in last one year">No Salary Revision in last one year</option>
                        <option value="Expecting Relocation">Expecting Relocation</option>
                        <option value="Expecting Progression">Expecting Progression</option>
                        <option value="Looking for Role/Job/Unit change">Looking for Role/Job/Unit change</option>
                        <option value="Upskilling/Learning Programs Missing">Upskilling/Learning Programs Missing</option>
                        <option value="High Work Pressure/Stress">High Work Pressure/Stress</option>
                        <option value="Non-Alignment with Supervisors/Managers">Non-Alignment with Supervisors/Managers</option>
                        <option value="Lower Bonus received than expected in last one year">Lower Bonus received than expected in last one year</option>
                        <option value="Lower Salary Revision than expected in last one year">Lower Salary Revision than expected in last one year</option>
                        <option value="No Work Life Balance">No Work Life Balance</option>
                        <option value="Lack of Job Security">Lack of Job Security</option>
                        <option value="Lack of Recognition">Lack of Recognition
                        </option>
                        <option value="Lack of Career Opportunities">Lack of Career Opportunities</option>
                        <option value="Lack of Employee Care Activities">Lack of Employee Care Activities</option>
                      </select>
                    </div>
                    <div class="form-group">
                        <label>Employee Discussion Feedback:</label>
                        <input type="text" name="feedback" id="feedback" class="form-control" placeholder="Feedback" value="" />
                    </div>
                      <div class="form-group">
                        <label>Action Taken:</label>
                        <input type="radio" class="check" name="check" value="Yes">Yes
                        <input type="radio" class="check" name="check" value="No" checked>No
                        <select name="action[]" id="action" multiple class="action form-control">
                          <option value="Offcycle Salary Revision">Offcycle Salary Revision</option>
                          <option value="Special Bonus">Special Bonus</option>
                          <option value="Retention Bonus">Retention Bonus</option>
                          <option value="Internal Career Opportunity">Internal Career Opportunity</option>
                          <option value="Monthly/Quarterly Recognition">Monthly/Quarterly Recognition</option>
                          <option value="Inline Progression">Inline Progression</option>
                          <option value="Stay Interview">Stay Interview</option>
                          <option value="One on one discussion/Counselling">One on one discussion/Counselling</option>
                          <option value="Personal Development Plan">Personal Development Plan</option>
                          <option value="Relocation Opportunity">Relocation Opportunity</option>
                          <option value="Flexibility in the Schedule">Flexibility in the Schedule</option>
                          <option value="Upskilling/Learning Programs Scheduled">Upskilling/Learning Programs Scheduled</option>
                          <option value="Workload Balanced">Workload Balanced</option>
                        </select>
                      </div>      
                </div>
                <div class="modal-footer">
                     <input type="hidden" name="feedback_id" id="feedback_id" value="" />
                      <input type="hidden" name="FeedRisklevel_id" id="FeedRisklevel_id" value="" />
                      <input type="hidden" name="Feedinfluencers_id" id="Feedinfluencers_id" value="" />
                      <input type="hidden" name="Action_id" id="Action_id" value="" />
                    <input type="hidden" name="button_action" id="button_action" value="insert" />
                    <input type="submit" name="submit" id="Feedback" value="Submit" class="btn" style="background-color: #CA0088;color: #fff" />
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                </div>
            </form>
        </div>
    </div>
</div>

在此之后,可以添加或upadte可空字段

除此之外,如果您想直接添加或更新数据,您可以使用以下代码: 第1步: 在app\model中,进行如下特定更改:

<div id="feedbackModal" class="modal fade" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <form method="post" id="feedback_form" autocomplete="off">
                <div class="modal-header">
                   <h4 class="modal-title"></h4>
                </div>
                <div class="modal-body">
                    {{csrf_field()}}
                    <span id="form_output"></span>
                    
                    <div class="form-group">
                       <label>Adjust Risk Level:</label>
                      <select name="FeedRisklevel" id="FeedRisklevel" class="form-control">
                        <option value="">Select Risk Level</option>
                        <option value="High Risk">High Risk</option>
                        <option value="Low Risk">Low Risk</option>
                      </select>       
                    </div>
                    <div class="form-group">
                       <label>Influencers:</label><br/>
                      <select name="Feedinfluencers[]" id="Feedinfluencers" multiple class="form-control">
                        <option value="Long Work Hours">Long Work Hours</option>
                        <option value="No Vacation/Leaves in Recent past">No Vacation/Leaves in Recent past</option>
                        <option value="Salary not per market standards">Salary not per market standards</option>
                        <option value="Lower Salary than Peers">Lower Salary than Peers</option>
                        <option value="No Bonus Received in last one year
                        ">No Bonus Received in last one year</option>
                        <option value="No Salary Revision in last one year">No Salary Revision in last one year</option>
                        <option value="Expecting Relocation">Expecting Relocation</option>
                        <option value="Expecting Progression">Expecting Progression</option>
                        <option value="Looking for Role/Job/Unit change">Looking for Role/Job/Unit change</option>
                        <option value="Upskilling/Learning Programs Missing">Upskilling/Learning Programs Missing</option>
                        <option value="High Work Pressure/Stress">High Work Pressure/Stress</option>
                        <option value="Non-Alignment with Supervisors/Managers">Non-Alignment with Supervisors/Managers</option>
                        <option value="Lower Bonus received than expected in last one year">Lower Bonus received than expected in last one year</option>
                        <option value="Lower Salary Revision than expected in last one year">Lower Salary Revision than expected in last one year</option>
                        <option value="No Work Life Balance">No Work Life Balance</option>
                        <option value="Lack of Job Security">Lack of Job Security</option>
                        <option value="Lack of Recognition">Lack of Recognition
                        </option>
                        <option value="Lack of Career Opportunities">Lack of Career Opportunities</option>
                        <option value="Lack of Employee Care Activities">Lack of Employee Care Activities</option>
                      </select>
                    </div>
                    <div class="form-group">
                        <label>Employee Discussion Feedback:</label>
                        <input type="text" name="feedback" id="feedback" class="form-control" placeholder="Feedback" value="" />
                    </div>
                      <div class="form-group">
                        <label>Action Taken:</label>
                        <input type="radio" class="check" name="check" value="Yes">Yes
                        <input type="radio" class="check" name="check" value="No" checked>No
                        <select name="action[]" id="action" multiple class="action form-control">
                          <option value="Offcycle Salary Revision">Offcycle Salary Revision</option>
                          <option value="Special Bonus">Special Bonus</option>
                          <option value="Retention Bonus">Retention Bonus</option>
                          <option value="Internal Career Opportunity">Internal Career Opportunity</option>
                          <option value="Monthly/Quarterly Recognition">Monthly/Quarterly Recognition</option>
                          <option value="Inline Progression">Inline Progression</option>
                          <option value="Stay Interview">Stay Interview</option>
                          <option value="One on one discussion/Counselling">One on one discussion/Counselling</option>
                          <option value="Personal Development Plan">Personal Development Plan</option>
                          <option value="Relocation Opportunity">Relocation Opportunity</option>
                          <option value="Flexibility in the Schedule">Flexibility in the Schedule</option>
                          <option value="Upskilling/Learning Programs Scheduled">Upskilling/Learning Programs Scheduled</option>
                          <option value="Workload Balanced">Workload Balanced</option>
                        </select>
                      </div>      
                </div>
                <div class="modal-footer">
                     <input type="hidden" name="feedback_id" id="feedback_id" value="" />
                      <input type="hidden" name="FeedRisklevel_id" id="FeedRisklevel_id" value="" />
                      <input type="hidden" name="Feedinfluencers_id" id="Feedinfluencers_id" value="" />
                      <input type="hidden" name="Action_id" id="Action_id" value="" />
                    <input type="hidden" name="button_action" id="button_action" value="insert" />
                    <input type="submit" name="submit" id="Feedback" value="Submit" class="btn" style="background-color: #CA0088;color: #fff" />
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                </div>
            </form>
        </div>
    </div>
</div>

步骤2:在此之后,您可以直接在控制器中使用:

<div id="feedbackModal" class="modal fade" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <form method="post" id="feedback_form" autocomplete="off">
                <div class="modal-header">
                   <h4 class="modal-title"></h4>
                </div>
                <div class="modal-body">
                    {{csrf_field()}}
                    <span id="form_output"></span>
                    
                    <div class="form-group">
                       <label>Adjust Risk Level:</label>
                      <select name="FeedRisklevel" id="FeedRisklevel" class="form-control">
                        <option value="">Select Risk Level</option>
                        <option value="High Risk">High Risk</option>
                        <option value="Low Risk">Low Risk</option>
                      </select>       
                    </div>
                    <div class="form-group">
                       <label>Influencers:</label><br/>
                      <select name="Feedinfluencers[]" id="Feedinfluencers" multiple class="form-control">
                        <option value="Long Work Hours">Long Work Hours</option>
                        <option value="No Vacation/Leaves in Recent past">No Vacation/Leaves in Recent past</option>
                        <option value="Salary not per market standards">Salary not per market standards</option>
                        <option value="Lower Salary than Peers">Lower Salary than Peers</option>
                        <option value="No Bonus Received in last one year
                        ">No Bonus Received in last one year</option>
                        <option value="No Salary Revision in last one year">No Salary Revision in last one year</option>
                        <option value="Expecting Relocation">Expecting Relocation</option>
                        <option value="Expecting Progression">Expecting Progression</option>
                        <option value="Looking for Role/Job/Unit change">Looking for Role/Job/Unit change</option>
                        <option value="Upskilling/Learning Programs Missing">Upskilling/Learning Programs Missing</option>
                        <option value="High Work Pressure/Stress">High Work Pressure/Stress</option>
                        <option value="Non-Alignment with Supervisors/Managers">Non-Alignment with Supervisors/Managers</option>
                        <option value="Lower Bonus received than expected in last one year">Lower Bonus received than expected in last one year</option>
                        <option value="Lower Salary Revision than expected in last one year">Lower Salary Revision than expected in last one year</option>
                        <option value="No Work Life Balance">No Work Life Balance</option>
                        <option value="Lack of Job Security">Lack of Job Security</option>
                        <option value="Lack of Recognition">Lack of Recognition
                        </option>
                        <option value="Lack of Career Opportunities">Lack of Career Opportunities</option>
                        <option value="Lack of Employee Care Activities">Lack of Employee Care Activities</option>
                      </select>
                    </div>
                    <div class="form-group">
                        <label>Employee Discussion Feedback:</label>
                        <input type="text" name="feedback" id="feedback" class="form-control" placeholder="Feedback" value="" />
                    </div>
                      <div class="form-group">
                        <label>Action Taken:</label>
                        <input type="radio" class="check" name="check" value="Yes">Yes
                        <input type="radio" class="check" name="check" value="No" checked>No
                        <select name="action[]" id="action" multiple class="action form-control">
                          <option value="Offcycle Salary Revision">Offcycle Salary Revision</option>
                          <option value="Special Bonus">Special Bonus</option>
                          <option value="Retention Bonus">Retention Bonus</option>
                          <option value="Internal Career Opportunity">Internal Career Opportunity</option>
                          <option value="Monthly/Quarterly Recognition">Monthly/Quarterly Recognition</option>
                          <option value="Inline Progression">Inline Progression</option>
                          <option value="Stay Interview">Stay Interview</option>
                          <option value="One on one discussion/Counselling">One on one discussion/Counselling</option>
                          <option value="Personal Development Plan">Personal Development Plan</option>
                          <option value="Relocation Opportunity">Relocation Opportunity</option>
                          <option value="Flexibility in the Schedule">Flexibility in the Schedule</option>
                          <option value="Upskilling/Learning Programs Scheduled">Upskilling/Learning Programs Scheduled</option>
                          <option value="Workload Balanced">Workload Balanced</option>
                        </select>
                      </div>      
                </div>
                <div class="modal-footer">
                     <input type="hidden" name="feedback_id" id="feedback_id" value="" />
                      <input type="hidden" name="FeedRisklevel_id" id="FeedRisklevel_id" value="" />
                      <input type="hidden" name="Feedinfluencers_id" id="Feedinfluencers_id" value="" />
                      <input type="hidden" name="Action_id" id="Action_id" value="" />
                    <input type="hidden" name="button_action" id="button_action" value="insert" />
                    <input type="submit" name="submit" id="Feedback" value="Submit" class="btn" style="background-color: #CA0088;color: #fff" />
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                </div>
            </form>
        </div>
    </div>
</div>

以上是代码片段示例,您可以根据请求使用它。

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航