所以我有这个代码使用RegExp进行搜索,它通过一个字符串数组并搜索用户输入:
Clinica.prototype.pesquisarDoente = function ()
{
var exp = document.getElementById("pesquisaInput").value;
var lista = document.getElementById("listaDoentes");
if (exp)
{
while (lista.firstChild)
lista.removeChild(lista.firstChild);
var patt = new RegExp(exp);
var lenght = this.doentes.length
for ( i = 0; i < lenght; i++)
{
if (patt.test(this.doentes[i].nome))
{
var option = document.createElement("option");
option.appendChild(document.createTextNode(this.doentes[i].toString()));
lista.appendChild(option);
}
}
}
}
然后我在一个事件中称呼它:
var buttonPesquisa = document.createElement("input");
buttonPesquisa.type = "submit";
buttonPesquisa.value = "Pesquisar";
buttonPesquisa.addEventListener('click', function () { cl.pesquisarDoente(this); });
然后我会附加到我的页面。问题是,当我单击按钮时,它会清除选择列表,然后刷新页面。为什么会这样?
答案 0 :(得分:3)
这是因为您正在创建一个提交按钮,一旦点击该按钮将触发一个提交事件,该事件似乎正在刷新页面......
您需要preventDefault()
参加活动。
试试这个:
var buttonPesquisa = document.createElement("input");
buttonPesquisa.type = "submit";
buttonPesquisa.value = "Pesquisar";
buttonPesquisa.addEventListener('click', function (e) { e.preventDefault(); cl.pesquisarDoente(this); });
答案 1 :(得分:2)
提交按钮提交表单。
提交表单会将表单数据发送到操作指定的URI(如果没有操作,则返回当前URI),并将响应加载为新页面。
答案 2 :(得分:1)
将按钮类型更改为&#39;按钮&#39;:
var buttonPesquisa = document.createElement("input");
buttonPesquisa.type = "button";
buttonPesquisa.value = "Pesquisar";
buttonPesquisa.addEventListener('click', function () { cl.pesquisarDoente(this); });
答案 3 :(得分:1)
只需使用
var buttonPesquisa = document.createElement("button");
buttonPesquisa.type = "button";
// rest of code
它不应该刷新你的页面。