Question

我正在处理一个页面，要求用户在第一个输入框中输入某个代码，然后根据第一个框中输入的代码自动填充第二个输入框。

<input type="text" id="code" name="code">

<input type="text" id="car" name="car" disabled>

以下是具有相应汽车的代码列表

- 1001 - BMW
- 2351 - MAZDA
- 3331 - HONDA

因此，当用户在第一个输入框上输入1001时，第二个输入框将显示BMW

我知道可以使用jquery，但我不确定我是否做得对。

$(document).ready(function () {
    $("#code").keyup(function () {
        var val = $(this).val();
        $("#car").html(input1[val]);

    });
    var input1 = ["BMW", "MAZDA", "HONDA"];
});

希望有人可以特别在这类问题上使用jquery来启发我。

Answer 1

检查下面的代码段你必须使用带键的数组，像对象一样的值。你也可以使用Associative Arrays。

$（＆＃34;＃car＆＃34;）是输入字段，因此使用val（）方法而不是html（）方法设置该字段的值。

＆＃13;

$(document).ready(function() {
  var data = {1001:"BMW", 2351:"MAZDA", 3331:"HONDA"}
  
  $("#code").keyup(function(){
    var val = $(this).val();
    $("#car").val(data[val]);
  });
  
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="code" name="code">

    <input type="text" id="car" name="car" disabled>

＆＃13;

Answer 2

如果您想设置<input />的值，则应在val()

中使用<input /> jQuery {/ 1}}

    var input1 = ["BMW", "MAZDA", "HONDA"];
    $("#code").keyup(function () {
        var val = $(this).val();
        if(val == '1001'){
          $("#car").val(input1[0]);
        }else if(val =='2351'){
          $("#car").val(input1[1]);
        }else if(val =='3331'){
          $("#car").val(input1[2]);
        }
        

    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="code" name="code">

<input type="text" id="car" name="car" disabled>

Answer 3

Working Fiddle

HTML：

ostream

JS：

<input type="text" id="code" name="code">

<input type="text" id="car" name="car" disabled>

如何在另一个输入框上自动填充输入框

3 个答案: