重置样式为<li>

Question

一旦我提交了我要重置的表格。除选择菜单外，其他所有东西都在重置。我已经尝试过了：

 const catDrop = document.getElementById('category');
 catDrop.selectedIndex = 0;

在代码中，它看起来像一个普通选项：

          <form id="add-listing">
            <div class="col-lg-12">
                <div id="add-listing">
                    <div class="add-listing-section">
                        <div class="add-listing-headline">
                            <h3>Basic Information</h3>
                        </div>
                        <div class="row with-forms">
                            <div class="col-md-12">
                                <h5>Item Name <i class="tip" data-tip-content=""></i></h5>
                                <input class="search-field" type="text" name="title" id="title" />
                            </div>
                        </div>
                        <div class="row with-forms">
                            <div class="col-md-12">
                                <h5>Category</h5>
                                <select class="chosen-select-no-single" name="category" id="category">
                                    <option value="0">Select Category</option>
                                    <% for (const categories of cats) { %>
                                    <option value="<%= categories.catName %>">
                                        <%= categories.catName %>
                                    </option>
                                    <% } %>
                                </select>
                            </div>
                        </div>
                        <div class="row with-forms">
                                <input type="file" name="files" id="image" data-fileuploader-limit="3" data-fileuploader-maxSize="5" data-fileuploader-extensions="jpg, png, jpeg">
                        </div>
                        <div class="row with-forms">
                            <div class="col-md-12">
                                <h5>Description</h5>
                                <textarea class="WYSIWYG" name="description" cols="40" rows="3" id="description"
                                    spellcheck="true"></textarea>
                            </div>
                        </div>
                    </div>
                    <input type="hidden" name="_csrf" value="<%= csrfToken %>" id="csrf">
                    <button type="submit" class="button preview addItem">Add Item <i class="fa fa-arrow-circle-right"></i></button>
                    <div class="error"></div>
                    <div class="successmsg"></div>
                </div>
            </div>
        </form>

但是它不会重置选择菜单。在控制台中查看外观时，似乎它被设置为具有如下列表项的无序列表：

<select class="chosen-select-no-single" name="category" id="category" style="display: none;">
 <option value="0">Select Category</option>
 <option value="Stuff">
  Stuff
</option>                                        
</select>

 <div
  class="chosen-container chosen-container-single chosen-container-single-nosearch chosen-container-active"
  style="width: 100%;"
  title=""
  id="category_chosen"
>
  <div class="chosen-drop">
    <div class="chosen-search">
      <input type="text" autocomplete="off" readonly="" />
    </div>
    <ul class="chosen-results">
      <li class="active-result" data-option-array-index="0" style="">
        Select Category
      </li>
      <li class="active-result" data-option-array-index="11" style="">
        Stuff
      </li>
    </ul>
  </div>
</div>

这是我要在表单提交后将其设置回的项目。

Answer 1

问题似乎在这里

objConnect = new DatabaseConnection(); conString = "Server=VENUS;" + "Initial Catalog=TestRig;" + "User id=TestRig;" + "Password=act1ve;" + "MultipleActiveResultSets = true;"; objConnect.connection_string = conString; objConnect.Sql = Properties.Settings.Default.SQL; ds = objConnect.GetConnection; DataTable table = ds.Tables[0]; // Neither this DataView view = table.DefaultView; view.Sort = "Model_no"; // ds.Tables[0].DefaultView.Sort = "Model_no"; // or this work // When I click next record, I inc the row, then get the datarow and display in my form inc++; dRow = ds.Tables[0].Rows[inc]; dummy = dRow.ItemArray.GetValue(0).ToString(); // Primary Id exVol = dRow.ItemArray.GetValue(1).ToString(); tbExcitationVoltage.Text = exVol.Trim();

您有两个具有相同<form id="add-listing"> <div class="col-lg-12"> <div id="add-listing">的dom元素，它们总是需要唯一。更改id或div id的{​​{1}}，然后form重置`功能

还需要将字符串传递给selectedIndex

and then inside