Question

我不知道如何解决这个问题。我需要一个搜索bar.i.e的代码，如果我在搜索栏中输入“abc”..它应该显示函数lhr（）。

这是onclick功能：

<script>
    function lhr(){
        document.getElementById("name").innerHTML="abc";
        document.getElementById("xy").innerHTML="<BR>x°N , y°E";
    }
</script>
<script>
    function kara(){
        document.getElementById("name").innerHTML="abc";
        document.getElementById("xy").innerHTML="<BR>x°N , y°E";
    }
</script>

这是div，其中函数lhr（）和kar（）调用

<div class="b" id="menu">
    <li onclick="lhr()"><p1>L</p1></li>
    <li onclick="kara()"><p1>K</p1></li>
</div>

然后我在同一个div中插入搜索栏

<input value="SEARCH" type="submit" onclick="myFunction()" style="margin-left: 15px;" /><input id="myInput" type="text" >

<div id="display"></div>

现在我想以这样的方式运行搜索栏：当我在栏中输入“L”时，lhr（）的功能优于

<script>
  function myFunction() {
   var input;
    input = document.getElementById("myInput");
    if (input==L){
       document.getElementById("display").innerHTML=lhr();
         }
        else if (input==K){
        document.getElementById("display").innerHTML=kara();
      }
       document.getElementById("display").innerHTML = myFunction();
  }
</script>

Answer 1

你想要这样的东西吗？

＆＃13;

function lhr(){
  $("#result").empty();
  $("#result").append("lhr is running"); 
}
function kara(){
  $("#result").empty();
  $("#result").append("kara is running");
}

function search(){
  if($("#input").val()=="" || $("#input").val()==undefined ){
    $("#result").empty();
    $("#result").append("No Result Found");
  }else if($("#input").val()=="L"){
  lhr();
  }else if($("#input").val()=="K"){
  kara();
  }else{
  $("#result").empty();
    $("#result").append("No Result Found");
  }

}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input type="text" id="input"> <button type="button"  onclick="search()">Search</button>

<div >
<p>Search Result</p>
<div id="result">

</div>
</div>

＆＃13;

使用if else语句搜索栏的代码

1 个答案: