javascript - 通过从用户处获取输入 1 或 2 并单击输入按钮，模型应根据输入进行更改

Question

使用脚本从输入框中获取输入值，有两个不同的模型，名为 model1s 和 model2s ，用户应根据模型应弹出的情况给出 1 或 2，同时单击 Enter 按钮。

<script>
  function myFunction() {       
     var input = document.getElementById('input').value;
     var abcd= document.getElementById('abcd'); 
     abcd.data-target = "model" + input + "s";          
  }
</script>

<div class="col-lg-3">
   <input type="text" placeholder="123" id="input" required>
   <button type="submit" onclick="myFunction();" class="btn btn-info" id="abcd">ENTER</button>
</div>

<div id="model1s" class="modal fade" role="dialog">
  <div class="modal-dialog">    
    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">Modal Header</h4>
      </div>
      <div class="modal-body">
        <p>Some text in the modal.</p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div>    
  </div>
</div>    

<div id="model2s" class="modal fade" role="dialog">
  <div class="modal-dialog">     
    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">Modal Header</h4>
      </div>
      <div class="modal-body">
        <p>Some text in the modal.</p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div>    
  </div>
</div>

Answer 1

请看这个 fiddle ，这是这个问题的通用解决方案。 http://jsfiddle.net/Rohith_KP/1aeur58f/225/

$(document).ready(function(e) {
$('#mymodal').on('click',function(){
    var id = $('#input').val();
  $('#myModal'+id).modal('show');
});

});