jquery selector para obtener todas las listas desplegables seleccionadas con un valor particular seleccionado

Question

¿Cómo selecciono todas las casillas de selección usando un selector jQuery donde el valor seleccionado es "A1"?

Muestra el cuadro de selección:

<select name="accesslevel"> 
<option value="A1">A1 Access</option> 
<option value="A2">A2 Access</option> 
</select> 

Tengo que usar el selector a hacer lo siguiente:

.parent().nextAll('td[id^="A1Access"]').show(); 
.parent().nextAll('td[id^="A2Access"]').hide(); 

¿Alguien puede ayudar?

Answer 1

Probar:

$('select option[value="A1"]:selected') 

Answer 2

Aquí hay algo así como su especificación original, pero acaba de modificar un poco para trabajar con mis selectores.

$('.container').find('option[value=A1]').filter(':selected').parent('select').show(); 

Y aquí se simplifica:

$('option[value=A1]:selected').parent('select'); 

Answer 3

Para simplemente seleccionando la opción en todo el cuerpo html

alert($('option[value=A1]').html()); 

Para select

alert($('select[name=accesslevel]').find('option[value=A1]').html()); 

Pero alerta trabajará con solamente un elemento

Por selecto que tienen

$('option[value=A1]').parent().remove(); 

Se seleccionará a los padres y retirarla.

Answer 4

$('select').filter(
function(){ 
    if($(this).val()=="A1") 
     return true; 
    else 
     return false; 
} 
) 

puede agregar su función después de esto como

$('select').filter(
function(){ 
    if($(this).val()=="A1") 
     return true; 
    else 
     return false; 
} 
).parent().nextAll('td[id^="A1Access"]').show(); 

Answer 5

Como se mencionó antes, la solución de Prakash es el más cercano, pero se selecciona el valor de la opción en lugar de la seleccionar el cuadro en sí mismo. Esto se puede solucionar con el selector: has.

$('select:has(option[value="A1"]:selected)') 

Answer 6

Hacer una identificación como esto ..

<select name="accesslevel" id="myselector"> 
<option value="A1">A1 Access</option> 
<option value="A2">A2 Access</option> 
</select> 

Ahora seleccione con ese ID.

$("select#myselector option:selected").each(function() 
{ 
    alert($(this).text() + " "); 
});