Fatal编程技术网
  • jquery/
  • Jquery 清除模式内的所有输入

Jquery 清除模式内的所有输入

jquery model-view-controller

Jquery 清除模式内的所有输入,jquery,model-view-controller,bootstrap-modal,Jquery,Model View Controller,Bootstrap Modal,我有一个模式，我可以输入一些数据来创建和更新选定的数据。我想说的是，每当模式关闭时，它都会清除文本框并将下拉菜单设置为默认显示 我曾尝试将此应用于我的项目，但它不起作用，也没有错误 以下是我的moda/视图： <div id="productModal" class="modal fade"> <div class="modal-dialog"> <div class="modal-content"> <div class="mo

我有一个模式，我可以输入一些数据来创建和更新选定的数据。我想说的是，每当模式关闭时，它都会清除文本框并将下拉菜单设置为默认显示

我曾尝试将此应用于我的项目，但它不起作用，也没有错误

以下是我的moda/视图：

<div id="productModal" class="modal fade">
<div class="modal-dialog">
    <div class="modal-content">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal">&times;</button>
            <h4 class="modal-title">Prescription<label id="title"></label></h4>
        </div>
        <div class="modal-body">
            <div class="form-horizontal">
                @Html.ValidationSummary(true, "", new { @class = "text-danger" })

                <div class="form-group">
                    @Html.Label("Name", new { @class = "control-label col-md-2" })
                    <div class="col-md-10">
                        @ViewBag.name
                    </div>
                </div>
                <div class="form-group">
                    @Html.Label("Complaint", new { @class = "control-label col-md-2" })
                    <div class="col-md-10">
                        @ViewBag.complaint
                    </div>
                </div>
                <div class="form-group">
                    @Html.Label("Medicine", htmlAttributes: new { @class = "control-label col-md-2" })
                    <div class="col-md-10">
                        @Html.DropDownList("MedcineID", null, "--Select Medicine--", htmlAttributes: new { @class = "form-control" })

                    </div>
                </div>
                <div class="form-group">
                    @Html.Label("Quantity", htmlAttributes: new { @class = "control-label col-md-2" })
                    <div class="col-md-10">
                        @Html.EditorFor(model => model.Quantity, new { htmlAttributes = new { @class = "form-control" } })

                    </div>
                </div>
                <div class="form-group">
                    @Html.Label("Frequency", htmlAttributes: new { @class = "control-label col-md-2" })
                    <div class="col-md-10">
                        @Html.DropDownListFor(model => model.Frequency, frequency, "-- Frequency --", htmlAttributes: new { @class = "form-control" })

                    </div>
                </div>
                <div class="form-group">
                    @Html.LabelFor(model => model.Remarks, htmlAttributes: new { @class = "control-label col-md-2" })
                    <div class="col-md-10">
                        @Html.EditorFor(model => model.Remarks, new { htmlAttributes = new { @class = "form-control" } })
                        @Html.ValidationMessageFor(model => model.Remarks, "", new { @class = "text-danger" })
                    </div>
                </div>
            </div>
        </div>
        <div class="modal-footer">
            <button type="submit" id="btn-add" class="btn btn-primary">Add to list</button>
            <button type="button" id="btnClose" class="btn btn-default" data-dismiss="modal">Cancel</button>
        </div>
    </div>
</div>


&时代；
处方
@Html.ValidationSummary（true，“，new{@class=“text danger”}）
@Label（“Name”，新的{@class=“control Label col-md-2”}）
@ViewBag.name
@标签（“投诉”，新的{@class=“控制标签col-md-2”}）
@投诉
@Label（“Medicine”，htmlAttributes:new{@class=“controllabel col-md-2”}）
@DropDownList（“MedcineID”，null，“--Select Medicine--”，htmlAttributes:new{@class=“form control”}）
@Label（“数量”，htmlAttributes:new{@class=“control Label col-md-2”}）
@EditorFor（model=>model.Quantity，new{htmlAttributes=new{@class=“form control”}）
@Label（“Frequency”，htmlAttributes:new{@class=“controllabel col-md-2”}）
@DropDownListFor（model=>model.Frequency，Frequency，“--Frequency--”，htmlAttributes:new{@class=“form control”}）
@LabelFor（model=>model.comments，htmlAttributes:new{@class=“controllabel col-md-2”}）
@EditorFor（model=>model.comments，new{htmlAttributes=new{@class=“form control”}）
@Html.ValidationMessageFor（model=>model.comments，“，new{@class=“text danger”}）
添加到列表中
取消

这是我的js：

$(document).ready(function () {
    //create
    $('#btn-add').click(function () {
        var assessmentID = $('#assessmentID').val();
        var medicineID = $('#MedcineID').val();
        var qty = $('#Quantity').val();
        var freq = $('#Frequency').val();
        var remarks = $('#Remarks').val();
        var data = {
            'assessmentID': assessmentID,
            'medicineID': medicineID,
            'qty': qty,
            'freq': freq,
            'remarks': remarks
        }

        if (medicineID == '') { // check if medicine is null
            alert('Please specify a valid medicine');
        }
        else { //check if duplicate
            $.ajax({//check via controller
                type: "POST",
                dataType: "Json",
                data: data,
                url: '/Prescriptions/CheckData/',
                success: function (f) {
                    if (f == 'Fail') {
                        alert('Specified medicine has already been added');
                    }
                    else {
                        if (qty < 1) {
                            alert('Please specify a valid quantity');
                        }
                        else {
                            if (freq == '') {
                                alert('Please specify a valid frequency');
                            }
                            else {
                                $.ajax({
                                    type: "POST",
                                    dataType: "Json",
                                    data: data,
                                    url: '/Prescriptions/Add/',
                                    success: function (f) {
                                        $('#tbl-prescription').load('/Prescriptions/_PrescriptionList/?assessmentID=' + assessmentID);
                                    }
                                })
                            }
                        }
                    }
                }
            })
        }
    })
});


// clears modal
$('#productModal').on('hidden.bs.modal', function (e) {
    $(this)
      .find("input,textarea,select")
         .val('')
         .end()
})

$（文档）.ready（函数（）{
//创造
$（'#btn add'）。单击（函数（）{
var assessmentID=$（'#assessmentID'）.val（）；
var medicineID=$（'#MedcineID'）.val（）；
变量数量=$（“#数量”）.val（）；
var freq=$（'#Frequency'）.val（）；
var备注=$（“#备注”）.val（）；
风险值数据={
“assessmentID”：assessmentID，
“medicineID”：medicineID，
“数量”：数量，
“freq”：freq，
"备注":备注
}
如果（medicineID=''）{//检查药物是否为空
警报（“请指定有效药物”）；
}
else{//检查是否重复
$.ajax（{//通过控制器检查
类型：“POST”，
数据类型：“Json”，
数据：数据，
url:“/Prescriptions/CheckData/”，
成功：功能（f）{
如果（f==“失败”）{
警报（“已添加指定药物”）；
}
否则{
如果（数量<1）{
警报（“请指定有效数量”）；
}
否则{
如果（频率=“”）{
警报（“请指定有效频率”）；
}
否则{
$.ajax({
类型：“POST”，
数据类型：“Json”，
数据：数据，
url:“/Prescriptions/Add/”，
成功：功能（f）{
$（“#待定处方”）.load（“/处方/_处方列表/？评估ID=”+评估ID）；
}
})
}
}
}
}
})
}
})
});
//清除模态
$（'#productModal'）.on（'hidden.bs.modal'，function（e）{
$（本）
.find（“输入，文本区域，选择”）
.val（“”）
(完)
})


引导示例
模态示例
开放模态
&时代；
模态头
模态中的一些文本

fgfdhfgjgh
接近
$（document）.on（'hidden.bs.modal'，函数（e）{
$（'.modal body输入，.modal body textarea'）。每个（函数（）{
$（this.val（“”）；
});
});


引导示例
模态示例
开放模态
&时代；
模态头
模态中的一些文本

fgfdhfgjgh
接近
$（document）.on（'hidden.bs.modal'，函数（e）{
$（'.modal body输入，.modal body textarea'）。每个（函数（）{
$（this.val（“”）；
});
});
注意您错过了一个
}）
需要包装
$（文档）.ready（函数（）{
注意，您错过了一个
}）需要包装
$（文档）.ready（函数（）{
）虽然此代码可能会回答问题，但提供

// clears modal
$('#productModal').on('hidden.bs.modal', function (e) {
     $(":input").val('');  
     $("select").change();
})