使用jQuery通過textarea選擇下拉值

Question

我有textarea（x1_typdv），並且我想要這樣：如果我在textarea中寫入“ 3”，請在下拉菜單（x1_typdv2）中選擇值為“ 3”的選項。 我有此代碼，但它不起作用，怎么辦？ 謝謝。

 $('#x1_typdv').change(function() { $('#x1_typdv2').val($('#x1_typdv').val()); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input type="text" id="x1_typdv" value="" name="x1_typdv"> <select name="x1_typdv2" id="x1_typdv2"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> </select> 

編輯：我再次嘗試，如果我只使用正常textarea它對我有用。 但是我想將其用於由javascript（其計算形式）填充的textarea，在這里它不起作用。 如何獲得與teaxtarea中相同的值到下拉列表？ 謝謝。

 $x1_typdv = parseFloat($('#x1_field_skrinka option:selected').attr('data-typdv')), $x1_fieldTypdv.val($x1_typdv); $x1_fieldTypdv = $('#x1_typdv'); 

Answer 1

我注意到有些瀏覽器直到模糊才捕獲更改

$(document).ready(function(){
      $('#x1_typdv').on("keyup", function() {
           $('#x1_typdv2').val($('#x1_typdv').val());
      });
});

編輯：我還將添加更多的堅固性

$(document).ready(function(){
      $('#x1_typdv').on("keyup", function() {
           var value = $('#x1_typdv').val();
           value && $('#x1_typdv2').val(value);
      });
});

工作提琴==> https://jsfiddle.net/tonysamperi/aepc4sbj/

Answer 2

嗨，請檢查下面的答案其工作..

  $('#x1_typdv').keyup(function(e) { if($('#x1_typdv').val()!="" && $("#x1_typdv2 option[value='"+$('#x1_typdv').val()+"']").length > 0) $('#x1_typdv2').val($('#x1_typdv').val()); else if($('#x1_typdv').val()!="" && e.which != 8) alert("Value doesnot exists."); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input type="text" id="x1_typdv" value="" name="x1_typdv"> <select name="x1_typdv2" id="x1_typdv2"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> </select> 

Answer 3

嘗試通過Javascript使用以下代碼：

document.getElementById("x1_typdv2").value = document.document.getElementById("x1_typdv").value;

要么

使用jQuery

$('#x1_typdv2 option[value=' + $('#x1_typdv').val() + ']').attr('selected','selected');

Answer 4

您必須在頁面中添加jquery並嘗試以下代碼：

$('#x1_typdv').on('change', function() {
  $('#x1_typdv2').val($('#x1_typdv').val());
});