三个“）.show（）； } } 第一页第二页第三页 javascript方法中缺少最后一个括号。 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery._Javascript_Html

三个“）.show（）； } } 第一页第二页第三页 javascript方法中缺少最后一个括号。 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.

javascript html

三个“）.show（）； } } 第一页第二页第三页 javascript方法中缺少最后一个括号。 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.,javascript,html,Javascript,Html,三个“）.show（）； } } 第一页第二页第三页 javascript方法中缺少最后一个括号。 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <body> <div id="one" name="one" style="display:none;"> <h1>Page One&l

三个“）.show（）； } }


第一页
第二页
第三页

javascript方法中缺少最后一个括号。

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>


<body>
  <div id="one" name="one" style="display:none;">
    <h1>Page One</h1>
  </div>

  <div id="two" name="two" style="display:none;">
    <h1>Page Two</h1>
  </div>

  <div id="three" name="three" style="display:none;">
    <h1>Page Three</h1>
  </div>
  <input type="text" id="enter" name="enter" value="" />
  <input type="button" value="Click here" onclick="test();">
<script>
function test() {
  var v_input = document.getElementById("enter").value;
  var v_one = "one";
  var v_one = "two";
  if (v_input = v_one) {

    $('#one').show();
    $('#two').hide();
    $('#three').hide();
  } else if (v_input = v_two) {
    $('#one').hide();
    $('#two').show();
    $('#three').hide();
  } else {
    $('#one').hide();
    $('#two').hide();
    $('#three').show();
  }
}
</script>
</body>

const inputText = $("#enter").val();

$("#" +inputText);

$("#" +inputText).show();

<body>
  <div id="one" name="one" style="display:none;">
<h1>Page One</h1>
</div>

<div id="two" name="two" style="display:none;">
<h1>Page Two</h1>
</div>

<div id="three" name="three" style="display:none;">
<h1>Page Three</h1>
</div>
<input type="text" id="enter"  name="enter" value="" />
<input type="button" value="Click here" onclick="test();">
<script
  src="https://code.jquery.com/jquery-3.3.1.min.js"
  integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
  crossorigin="anonymous"></script>
<script>

function test() {
  var v_input = document.getElementById("enter").value;
  var v_one = "one";
  var v_two = "two";
  if (v_input == v_one) {

     $('#one').show();
     $('#two').hide();
     $('#three').hide();
  }else if (v_input == v_two){
     $('#one').hide();
     $('#two').show();
     $('#three').hide();
}else {
      $('#one').hide();
     $('#two').hide();
     $('#three').show();
  }
}
</script>
</body>

<script type="text/javascript">

function test() {
var v_input = document.getElementById("enter").value;
var v_one = "one";
var v_two = "two";
if (v_input == v_one) {  

   $('#one').show();
   $('#two').hide();
   $('#three').hide();
}

else if (v_input == v_two){
   $('#one').hide();
   $('#two').show();
   $('#three').hide();
    }
else {
    $('#one').hide();
   $('#two').hide();
   $('#three').show();
}
}

 function test() {
    var v_input = document.getElementById("enter").value;
    var v_one = "one";
    var v_two = "two";
    // all are hidden
    $('#one').hide();
    $('#two').hide();
    $('#three').hide();

    var nameId = "#three"; // variable to get id or you can keep this as empty
    if (v_input == v_one) {  
       nameId = '#one';
    } else if (v_input == v_two) {
       nameId = '#two'
    } else {
       nameId = '#three'; // you can use this section for default behaviour 
    }

    // Show selected name
    $(nameId).show();
}