Question

我搜索了这个问题，发现了类似的东西，但我也无法理解。

我正在实习，而且我正在使用Javascript在平台上工作。

我有一组值，我需要用户输入一个输入。然后我需要根据这个输入填充一个表（即只保留值<=输入的行）

问题是，我不希望页面重新加载。当用户输入他的输入时，我希望在不刷新页面的情况下更改表格。

我真的在与这个人挣扎，有人可以帮助我吗？

根据我的理解，我需要第一个Javascript函数来读取输入。然后是第二个用于浏览我的值并使用适合输入的列表填充列表。最后，第三个为每个值显示一行表。

以下是一个例子：我的表格

   <form id="bottomForm">
        <fieldset>
            <label for="asking_dist">Distance range (Kb)</label>
            <input id="asking_dist" type="text" size="5" name="asking_dist"/>
        </fieldset>

    </form>

我需要第一个Javascript函数来获取输入等。

我该怎么办？

Answer 1

function someStuff()
{
	var value = document.getElementById('asking_dist').value; //Textbox value
  var html = '<tr><td>'+value+'</td><tr>'
  $('#tdata').append(html);
  document.getElementById('asking_dist').value = '';
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="bottomForm">
  <fieldset>
    <label for="asking_dist">Distance range (Kb)</label>
    <input id="asking_dist" type="text" size="5" name="asking_dist"/>
    <input type="button" value="Append" onClick="someStuff(this.value);">
  </fieldset>
</form>
<table id="tdata" border = "2">
  <tr><th>Value</th></tr>
</table>

试试这个这将有助于你快乐的编码......

Javascript - 根据输入更改表

1 个答案: