Select 文本区域的下拉值 jQuery

Question

我有 textarea (x1_typdv)，我想要这个：如果我将“3”写入文本区域，select 选项在下拉列表中的值为“3”(x1_typdv2)。我有这个代码，但它不起作用，怎么办？谢谢。

$('#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>

编辑：我又试了一次，如果我只使用 normaln textarea，它对我有用。但我想将它用于由 javascript（它的计算形式）填充的文本区域，这里它不起作用。如何获得与 teaxtarea 相同的值到下拉列表？谢谢。

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

Answer 1

我注意到有些浏览器在 blur

之前不会捕捉到 change

$(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);
      });
});

工作fiddle ==> 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());
});

Select 文本区域的下拉值 jQuery

Select dropdown value by textarea with jQuery

html

javascript

jquery

textarea

dropdown