jQuery addClass example

Change class name on click in jQuery

by spham

HTML

<div id="line_1">
  

<label for="country-select">country:</label>

<select id="country-select">
    <option value="">--option--</option>
    <option value="france">france</option>
    <option value="vietnam">vietnam</option>
    <option value="italy" selected>italy</option>
</select>
<label for="car-select">car:</label>

<select id="car-select">
    <option value="">--option--</option>
    <option value="renault">renault</option>
    <option value="mercedes">mercecdes</option>
    <option value="toyota">totyota</option>
    
</select>
<label for="hotel-select">hotel:</label>

<select id="hotel-select" disabled style="background-color:lightgray">
    <option value="">--option--</option>
    <option value="one">one</option>
    <option value="two" selected>two</option>
    <option value="three">three</option>
</select>
</div>
<div id="line_2">
  

<label for="country-select">country:</label>

<select id="country-select">
    <option value="">--option--</option>
    <option value="france">france</option>
    <option value="vietnam">vietnam</option>
    <option value="italy">italy</option>
</select>
<label for="car-select">car:</label>

<select id="car-select">
    <option value="">--option--</option>
    <option value="renault">renault</option>
    <option value="mercedes">mercecdes</option>
    <option value="toyota">totyota</option>
    
</select>
<label for="hotel-select">hotel:</label>

<select id="hotel-select">
    <option value="">--option--</option>
    <option value="one">one</option>
    <option value="two">two</option>
    <option value="three">three</option>
</select>
</div>
<div id="line_3">
  

<label for="country-select">country:</label>

<select id="country-select">
    <option value="">--option--</option>
    <option value="france">france</option>
    <option value="vietnam">vietnam</option>
    <option value="italy">italy</option>
</select>
<label for="car-select">car:</label>

<select id="car-select">
    <option value="">--option--</option>
   ...