Question

我搜索了很多，但我还没能解决问题; 我在表单中的现有HTML中添加了一个选择列表，但现在我无法通过任何方法重置它。

我的表格形式是：

<form action="#" id="accnt_form" method="post" class="contact-form" name="acc_form">                            
    <fieldset class="col-md-12 col-sm-6" style="display: none">
        <input type="number" id="Ide" placeholder="ID">
    </fieldset>
    <fieldset class="col-md-12 col-sm-6">
        <input type="number" style="text-transform: uppercase" id="AccntNumF" placeholder="Account Number">
    </fieldset>
    <fieldset class="col-md-6 col-sm-6">
        <input type="text" id="BenNameF" style="text-transform: uppercase" placeholder="Beneficiary Name">
    </fieldset>                       
    <fieldset class="col-md-6 col-sm-6">
            <input type="number" id="AmntF" style="text-transform: uppercase" placeholder="Amount">
    </fieldset>
    <fieldset class="col-md-6 col-lg-6" >
            <!-- <div style="border:.3px solid rgb(185, 184, 184);"> -->
                    <input class="ui primary button" type="button" value="sdf" onclick="my()">                                            
            <select id="IfCodeFa" name="Ifsc" class="drop ui  search selection dropdown">
                <option disabled selected value> Select IFSC Code </option>                                        
              <option value="0">Male</option>
              <option value="Female">Female</option>
              <option value="sdf">sdfMale</option>
              <option value="dfg">dfg</option>
              <option value="ghMale">ds</option>
              <option value="xcv">xcv</option>
              <option value="dfg">dfg</option>
              <option value="ghMale">ds</option>
              <option value="xcv">xcv</option>
              <option value="dfg">dfg</option>
              <option value="ghMale">ds</option>
              <option value="xcv">xcv</option>
            </select>                                 
        </fieldset>
    <fieldset class="col-md-6 col-sm-6">
            <input type="number" id="MobNumF" style="text-transform: uppercase" placeholder="Mobile Number">
    </fieldset>

    <fieldset class="col-md-6 col-sm-6">
            <input type="text" style="text-transform: uppercase" id="DepByF" placeholder="Deposited By">
    </fieldset>

    <fieldset class="col-md-6 col-sm-6">
            <input type="Date" class="input-sm" id="DateF" >
    </fieldset>    
  <fieldset class="col-md-2" id="sv">
        <input type="button" id="save"  class="button big default" value="Save & Print" onclick="saveF()">
    </fieldset>
    <fieldset class="col-lg-1" id="upd" style="display: none">
        <input type="button" id="update"  class="button big default" value="Update" onclick="updateF()">
    </fieldset>

    <fieldset class="col-lg-3">
            <input type="button" id="clear"  class="button big default" value="Clear" onclick="clearF()" >                                    
    </fieldset>

</form>

我尝试使用jQuery重置表单，但选择列表保持不变;我也尝试使用$('#IfCodeFa').dropdown('clear');，但收到错误：

未捕获的TypeError：$（...）。dropdown不是函数

这不是任何遗漏脚本链接的问题，因为我在另一个空白HTML文档中尝试了相同的选择列表，并且它工作正常。

Answer 1

试试这个

$('#IfCodeFa').empty();

或

$('#IfCodeFa option').remove();

或

$('#IfCodeFa').remove('option');

Answer 2

试试这个

$('#IfCodeFa').val('');

Answer 3

你可以这样使用

function clearF()
{
 $('.restore.example .ui.dropdown').dropdown('restore defaults');
}

Answer 4

你可以尝试使用Bellow选项中的任何一个：

$('#ddlFruits').get(0).selectedIndex = 0;

$('#ddlFruits option:eq(0)').attr('selected','selected');

$("#ddlFruits")[0].selectedIndex = 0;

无法重置选择选项列表，仅在一个文档中

4 个答案: