Question

我有textarea（x1_typdv），我想要这个：如果我将“3”写入textarea，请在下拉列表中选择值为“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>

编辑：我再试一次，如果我只使用普通的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);
      });
});

工作小提琴==＆gt; 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;

OR

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

使用jQuery通过textarea选择下拉值

4 个答案: