StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POjQuery selection with dynamic id's
text
Body
copied!<p>I have a form that is dynamically generated, and has dynamically generated id's (and potentially classes). The forms are the same but they have the related id tacked on to the end.</p> <p>How can I select each set of inputs and apply code to each one?</p> <p>I was experimenting with $('input[id^=@id_airline_for_]') but could not get it to fly. I suspect I am missing some fundamental jQuery knowledge that is holding me back since I am sure this is a common problem with dynamic forms. </p> <pre><code><form method='POST'> <label for="id_airline_for_8">Airline</label>: <input id="id_airline_for_8" class="arrival_transfer_toggle_8" type="text" maxlength="30" name="airline_for_8"/> <label for="id_flight_number_for_8">Flight Number</label>: <input id="id_flight_number_for_8" class="arrival_transfer_toggle_8" type="text" maxlength="30" name="flight_number_for_8"/> <label for="id_airline_for_17">Airline</label>: <input id="id_airline_for_17" class="arrival_transfer_toggle_17" type="text" maxlength="30" name="airline_for_17"/> <label for="id_flight_number_for_17">Flight Number</label>: <input id="id_flight_number_for_17" class="arrival_transfer_toggle_17" type="text" maxlength="30" name="flight_number_for_17"/> -- snip -- </form> </code></pre> <p>EDIT: I should update that i want to be able to perform some action when the input is clicked but only for classes with a matching id at the end.</p> <p>To make it easy, lets say I want all inputs with a matching id at the end of the #id to disappear when one is clicked (just for arguments sake).</p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload