javascript - 刷新过滤器文本 Bootstrap 4

Question

所以我有一个带有过滤器和列表的输入元素。选择任何列表项后，它将输入中写入的默认文本名称更改为所选列表项中写入的文本。我想在按下某个按钮后刷新输入中写入的默认文本。我尝试使用 innerHTML 和 .text() 来完成它，但它失败了。

HTML

<div class="filter">
   <input type="text" class="region formClear" id="myInput" 
      onkeyup="myFunction()" value="regions" title="Type in a name">
          <ul id="myUL">
            <li><a class="rgn" href="#">region1</a></li>
            <li><a class="rgn" href="#">region2</a></li>
          </ul>
</div>
<button onclick="defaultChange()">refresh</button>

Javascript

function defaultChange(){
    //$('#myInput').text("regions");
    $('#myInput').innerHTML="regions";
}

Answer 1

为此您需要使用 .val() 函数:

function defaultChange(){
    $('#myInput').val("regions");
}

input 没有任何 HTML 值，它是一个替换元素，因此您需要设置它的值。