Wählen Dropdown-Wert von Textarea mit jQuery

Question

Ich habe Textarea (x1_typdv) und ich möchte dies: Wenn ich "3" in Textarea schreibe, wählen Sie Option mit Wert "3" in Dropdown (x1_typdv2). Ich habe diesen Code, aber es funktioniert nicht, wie es geht? Vielen Dank.

$('#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"> 
 
\t \t \t \t <option value="1">1</option> 
 
\t \t \t \t <option value="2">2</option> 
 
\t \t \t \t <option value="3">3</option> 
 
\t \t \t \t <option value="4">4</option> 
 
\t \t \t \t <option value="5">5</option> 
 
\t \t \t \t <option value="6">6</option> 
 
\t \t \t </select>

EDIT: ich versuchte es wieder, es funktioniert für mich, wenn ich nur normaln TextArea- verwenden. Aber ich will es für textarea verwenden, das von Javascript (sein Berechnungsformular) gefüllt wird, und hier ist es nicht arbeiten. Wie bekomme ich den gleichen Wert wie in Dropdown-Liste? Vielen Dank.

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

Answer 1

Hallo überprüfen Sie bitte unten beantworten seine Arbeits ..

$('#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"> 
 
\t \t \t \t <option value="1">1</option> 
 
\t \t \t \t <option value="2">2</option> 
 
\t \t \t \t <option value="3">3</option> 
 
\t \t \t \t <option value="4">4</option> 
 
\t \t \t \t <option value="5">5</option> 
 
\t \t \t \t <option value="6">6</option> 
 
\t \t \t </select>

Answer 2

bemerkte ich einige Browser nicht fangen die Änderung bis Unschärfe

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

EDIT: Ich würde auch mehr Solidität hinzufügen

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

Arbeits Geige ==>https://jsfiddle.net/tonysamperi/aepc4sbj/

Answer 3

Versuchen unter Code zu verwenden mit Javascript:

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

ODER

mit jQuery

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

Answer 4

Sie haben jquery in Ihrer Seite hinzufügen und versuchen, diesen Code:

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