Tengo 2 cuadros de selección donde el primero es todo seleccionable por el usuario, pero en la segunda opción seleccionada depende del primer cuadro de selección. El valor seleccionado en el primer cuadro de opción coincide con la clase de la opción en el segundo cuadro de selección, pero los valores son diferentes. Imagino que necesito algo como:
$('#territory').change(function() {
if($(this).val() == 'EU')
{
$('#territory2').class('EU');
}
¿Cómo selecciono la opción seleccionada por nombre de clase? (Puede haber más de una opción con el mismo nombre de clase, pero solo necesita seleccionar cualquiera de ellas).
<select id="territory" name="territory"">
<option value="EU">A</option>
<option value="GB">B</option>
<option value="ALL">C</option>
</select>
<select id="territory2" name="territory2">
<option value="1" class="EU">A</option>
<option value="2" class="GB">B</option>
<option value="3" class="ALL">C</option>
<option value="4" class="ALL">D</option>
</select>
Establezca el value
atributo del <option>
elemento deseado en el value
atributo de <select>
:
const territory = document.getElementById("territory"),
territory2 = document.getElementById("territory2");
territory.addEventListener("input", ev => {
territory2.querySelector("."+territory.value).selected = true;
});
<select id="territory" name="territory">
<option value="EU">A</option>
<option value="GB">B</option>
<option value="ALL">C</option>
</select>
<select id="territory2" name="territory2">
<option value="1" class="EU">A</option>
<option value="2" class="GB">B</option>
<option value="3" class="ALL">C</option>
<option value="4" class="ALL">D</option>
</select>
Tenga en cuenta que esto solo seleccionará la primera opción con esa clase.
Este artículo se recopila de Internet, indique la fuente cuando se vuelva a imprimir.
En caso de infracción, por favor [email protected] Eliminar
Déjame decir algunas palabras