Pregunta

Tengo este formulario:

<form name="customize">
    Only show results within 
        <select name="distance" id="slct_distance">
            <option>25</option>
            <option>50</option>
            <option>100</option>
            <option value="10000" selected="selected">Any</option>
    </select> miles of zip code
    <input type="text" class="text" name="zip_code" id="txt_zip_code" />
    <span id="customize_validation_msg"></span>
</form>

¿Cómo puedo seleccionar la entrada y select con un selector jQuery?

Intenté esto pero seleccionó todas las selecciones y entradas en la página:

$("form[name='customize'] select,input")
¿Fue útil?

Solución

La coma en la cadena del selector separa expresiones completamente separadas, al igual que en CSS, por lo que el selector que ha dado obtiene los elementos de selección dentro del formulario llamado "personalizar". y todas las entradas en el formulario (como has descrito). Parece que quieres algo como esto:

$("form[name='customize'] select, form[name='customize'] input")

o si no le gusta la repetición, esto:

$("form[name='customize']").children("select, input")

Otros consejos

También es posible una sintaxis más corta $ (selector, parentselector). Ejemplo en esta página:

// all spans
$("span").css("background-color","#ff0");

// spans below a post-text class
$("span", ".post-text").css("background-color","#f00");

Editar - ¡Olvidé el caso particular de varios tipos de niños!

// spans and p's below a post-text class
$("span,p", ".post-text").css("background-color","#f00");

Para mí su sugerencia funcionó. También puedes usar

form[name='customize'] select, form[name='customize'] input

Ambos selectores funcionan como yo lo veo. ¿Quizás el problema se encuentra en otro lugar?

Lo intenté

$("form[name='customize'] select, input").css( 'font-size', '80px' );

en su ejemplo HTML. El tamaño de fuente para seleccionar e ingresar cambió.

--- editar ---

Mi sugerencia anterior es la correcta. Selecciona solo los elementos en el formulario personalizado.

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top