Hay dos elementos de selección diferentes. Estos tienen igual valor y texto. También hay un botón de opción. Si se selecciona el botón con la misma identificación, quiero pasar el valor de la primera opción a la segunda. Escribí un código jQuery para esto. Sin embargo, en lugar de transferir, crea un nuevo texto. Quiero que se seleccione el mismo valor en el segundo. Aunque busqué ejemplos para resolver el problema, no sabía exactamente cómo buscar. Por lo tanto, no pude llegar a una conclusión.
Primera opción
<select id='country-first'> <option value='A01'>A</option> <option value='A02'>B</option> </select>Segunda opción
<select id='country-second'> <option value='A01'>A</option> <option value='A02'>B</option> </select>Boton de radio
Same country: <input type="radio" id="same" value="same"> Different country: <input type="radio" id="different" value="diffent">Código jQuery
jQuery(document).on('change', '#same', function() { if(this.checked) { jQuery('#country-first').find(":selected").text(jQuery('#country-second').find(":selected").text()); } });Considere el siguiente ejemplo.
jQuery(function($) { $(document).on('change', '#same', function() { if ($(this).is(":checked")) { $("#country-first option[value='" + $("#country-second").val() + "']").prop("selected", true); } }); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <select id='country-first'> <option value='A01'>A</option> <option value='A02'>B</option> </select> <select id='country-second'> <option value='A01'>A</option> <option value='A02'>B</option> </select> Same country: <input type="radio" id="same" name="fav_language" value="HTML"> Different country: <input type="radio" id="different" name="fav_language" value="CSS">Su secuencia de comandos cambia el texto pero no ajusta qué opción se selecciona. Con el selector adecuado, puede reasignar la opción seleccionada.