向上键“获取选定值”下拉列表值未获取正确值

Question

我曾试图获得选定的下拉值基于一些其他输入类型的文本字段使用下面的代码。然而，每次它获得第一个值，即15，即使我选择了另一个选项。

$(".director_code").keyup(function() { //this is Dropbox class selector
  var schoolid = $("#schoolId").children(":selected").val();
  
  // i also tried:
  // $('#schoolId').find('option:selected').val();

  console.log(schoolid);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select name="schoolId" id="schoolId" class="form-control  schoolId" required="">
  <option value="15">a</option>
  <option value="16">b</option>
  <option value="17">c</option>
  <option value="18">d</option>
</select>

<input type="text" name="director_code" id="director_code" class="form-control director_code" pattern="[0-9]+" required="">

这里我选择第二个选项，即b，但它显示警报15，但b的实际值是16

Answer 1

基于你的问题，也许你想要这样，请检查并让我知道是否有什么遗漏。

$(".director_code").keyup(function() { 
  try
  {
     var value = $(this).val();
  //$("#schoolId").val($(this).val()); 
  var oschoolId = $('#schoolId > option').filter(function () { return $.trim($(this).text()) == $.trim(value) }).val();
  
  if(oschoolId!=undefined)
  {
     $('#schoolId').val(oschoolId);
      console.log(oschoolId);
      console.log($(this).val());
  }
  }catch(e)
  {
     console.log("Error: "+e.message);
  }
});
$("#schoolId").change(function(){
    var value= $(this).children("option:selected").text();
    $('#director_code').val(value)
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select name="schoolId" id="schoolId" class="form-control  schoolId" required="">
  <option value="15">a</option>
  <option value="16">b</option>
  <option value="17">c</option>
  <option value="18">d</option>
</select>

<input type="text" name="director_code" id="director_code" class="form-control director_code" pattern="[0-9]+" required="">

Answer 2

你应该试试这个

 $("#schoolId").change(function(){
        var selectedVal = $(this).children("option:selected").val();
        $('#director_code').val(selectedVal)
    });

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

<select name="schoolId" id="schoolId" class="form-control  schoolId" required="">
  <option value="15">a</option>
  <option value="16">b</option>
  <option value="17">c</option>
  <option value="18">d</option>
</select>

<input type="text" name="director_code" id="director_code" class="form-control director_code" pattern="[0-9]+" required="">

Answer 3

您的代码运行良好，正如预期的那样。在输入字段的keyup事件中，它返回所选选项值。那你期待什么？在下面的屏幕截图中，请参阅随时间记录的控制台日志输出w. r. t.输入键盘。