Кнопка jQuery для переключения фильтра столбца Tablesorter с выбора на ввод и наоборот - PullRequest
Новая
       14

Кнопка jQuery для переключения фильтра столбца Tablesorter с выбора на ввод и наоборот

0 голосов
/ 03 марта 2020

Я пытался сделать переключаемую текстовую кнопку jQuery для замены выбранного c столбца HTML для выбора для ввода и наоборот.

раскрывающийся список - -> insert -> dropdown ...

Но кажется, что поисковые вызовы перестают работать, я думаю, что есть подходящий способ сделать это, который делает не просто включает замену HTML.

1 Ответ

1 голос
/ 03 марта 2020

Это может быть достигнуто с помощью css. Вот пример использования свойства отображения css. 

function toggleInput() {
  if ($("#inputBox").hasClass("hide")) {
      $("#selectBox").addClass("hide");
      $("#inputBox").removeClass("hide").addClass("show");
  } else {
    $("#inputBox").addClass("hide");
    $("#selectBox").removeClass("hide").addClass("show");
  }
}
.show {
  display: inline-block;
}

.hide {
  display: none;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button onclick="toggleInput()">Toggle input type</button>
<select id="selectBox">
  <option>Option 1</option>
  <option>Option 2</option>
</select>
<input class="hide" id="inputBox" type="text" value="" />
...