Question

接受标准：输入名称并将此人的分机返回到用户界面onClick或按“返回”。

我正在寻找有关如何使其发挥作用的建议。

<html>
    <head>
        <title>SearchFunction</title>
    </head>
    <body>
        <script type="text/javascript">

            var extensionList = {

                Abby: '8845',   
                David: '8871',  
                Jim: '8890', 
                Lewis: '8804',
            };

            var returnLookUp = function(){
                var getInfo = document.getElementById("thisSearch");
                var SearchInfo = thisSearch.value;
                /*......?*/
            }

        </script>
        <form>
            <input id="thisSearch" type="text" placeholder="enter name">
            <button onClick = "returnLookUp();">Find</button>
            <input id="output" name="output" type="text" size="30">
            <br><br>
        </form>

    </body>
</html>

Answer 1

没有定义明确的按钮类型。因此，默认情况下它将是按钮type ="submit"。在这种情况下，它将尝试提交表格。可以使用按钮type="button"或阻止默认行为，preventDefault()可以使用

extensionList[thisSearch.value]用于从对象获取键的值，extensionList是对象，thisSearch.value将是与对象的键相同的输入

var extensionList = {

  Abby: '8845',
  David: '8871',
  Jim: '8890',
  Lewis: '8804',
};

var returnLookUp = function(e) {
  e.preventDefault();
  var getInfo = document.getElementById("thisSearch");
  document.getElementById("output").value = extensionList[thisSearch.value];

}

<form>
  <input id="thisSearch" type="text" placeholder="enter name">
  <button onClick="returnLookUp(event);">Find</button>
  <input id="output" name="output" type="text" size="30">
  <br><br>
</form>

从用户输入

1 个答案: