JQuery, установить опцию из выпадающего списка по значению текстового поля

Question

// JQuery script 
<script> 
$(function(){ 
$('.select-change').click(function(){ 

???? 

// что бы сюда пришло, чтобы поместить текст текстового поля con_name_class внутри dropdown1 dropdownlist !!

}); 
}); 
</script> 

Теперь PHP и HTML код

<?PHP 

connection...blah blah 

while($record=sqlsrv_fetch_array($stmt, SQLSRV_FETCH_ASSOC)){ 
$recordx = $record['x']; 
$recordy = $record['y']; 
$recordz = $record['z']; 
} 
?> 


<input type="text" class="con_name_class" id="<? php somefunction_which_echos_out_a_text ?>" value="<? php 

SAMEfunction_which_echos_out_a_text ?>" /> 

<input class = "select-change" type="button" id="<? php echo $recordx; ?>" value = "<? php echo $recordx; ?>" /><br> 

<? PHP 

} 


function xyz(){ // I am calling it some where!! 

connection...blah blah 

echo "<select name = "dropdown1" id="dropdown1">"; 
echo "<option value="NULL">Select one</option>"; 

while($rec=sqlsrv_fetch_array($stmtxyz, SQLSRV_FETCH_ASSOC)){ 
echo "<option value='".$rec['con_code']."')>".$rec['con_name']."</option>"; 
} 
</select> 
} 
?> 

Как я могу отобразить текст в текстовое поле в в dropdown1 и выбрать его?

Answer 1

Я сделал это с яваскриптом function..not JQuery .. из-за проблемы с идентификатором для текстового поля. Вызовите функцию ниже в onClick текстового поля и передайте параметры. Спасибо!

здесь-

function xyz(par){ 
    var dd1= document.getElementbyId('dropdown1'); 
    var opts = dd1.options.length; 

    for (var i =0; i<opts; i++){ 

    if(document.getElementbyId('dropdown1').options[i].value == par){ 
     getElementbyId('dropdown1').selectedIndex = i; 
     break; 
    } 
    } 
} 

Answer 2

Вы можете что-то вроде

$(function() { 
    $("#textboxID").on("change",function(){ 
     $("#selectBoxID").val($(this).val()); 
     //Set the option from dropdown list by textbox's value 
    }) 
    }); 

Вот что plunker

Ура!

Answer 3

Я modifyng code.You NLN может дать определенную часть имени, как "textbox_"

<input type="text" class="con_name_class" id="textbox_<? php somefunction_which_echos_out_a_text ?>" value="<? php SAMEfunction_which_echos_out_a_text ?>" /> 

Затем используйте этот скрипт

$(function() { 
    $(input[id^="textbox_"]).on("change",function(){ 
     $("#selectBoxID").val($(this).val()); 
     //Set the option from dropdown list by textbox's value 
    }) 
    });