Вывод сообщения об ошибке
Есть форма с selectами, помогите, пожалуйста, написать цикл для вывода сообщения об ошибке, когда value = "Select".
.question > .error > p {
display:none;
color:red;
font-size: 14px;
font-family: 'Helvetica Neue', Helvetica, sans-serif;
}
<form>
<table>
<tr class="question">
<td class="titleselect">Preferred language</td>
<td class="theselect">
<select>
<option>Select</option>
<option>English</option>
<option>Spanish</option>
<option>Russian</option>
</select>
</td>
<td class="error"><p>Select preferred language!</p></td>
</tr>
<tr class="question">
<td class="titleselect">Marital status</td>
<td class="theselect">
<select>
<option>Select</option>
<option>Single</option>
<option>Divorced</option>
</select>
</td>
<td class="error"><p>Select your marital status!</p></td>
</tr>
<tr class="question">
<td class="titleselect">Age</td>
<td class="theselect">
<select>
<option>Select</option>
<option>18-25 years</option>
<option>25-30 years</option>
<option>30-35 years</option>
</select>
</td>
<td class="error"><p>Select your age!</p></td>
</tr>
<tr class="question">
<td class="titleselect">Height</td>
<td class="theselect">
<select>
<option>Select</option>
<option>5'1"</option>
<option>5'2"</option>
<option>5'3"</option>
</select>
</td>
<td class="error"><p>Select your height!</p></td>
</tr>
<tr class="question">
<td class="titleselect">Weight</td>
<td class="theselect">
<select>
<option>Select</option>
<option>80-90 lbs</option>
<option>90-94 lbs</option>
</select>
</td>
<td class="error"><p>Select your weight!</p></td>
</tr>
<tr class="question">
<td class="titleselect">Ethnicity</td>
<td class="theselect">
<select>
<option>Select</option>
<option>Caucasian / white</option>
</select>
</td>
<td class="error"><p>Select your ethnicity!</p></td>
</tr>
<tr class="question">
<td class="titleselect">Hair color</td>
<td class="theselect">
<select>
<option>Select</option>
<option>Red</option>
<option>Green</option>
<option>Blue</option>
</select>
</td>
<td class="error"><p>Select your hair color!</p></td>
</tr>
<tr class="question">
<td class="titleselect">Children</td>
<td class="theselect">
<select>
<option>Select</option>
<option>No</option>
<option>Yes</option>
</select>
</td>
<td class="error"><p>Select Children!</p></td>
</tr>
<tr class="question">
<td class="titleselect">Attitude to drugs</td>
<td class="theselect">
<select>
<option>Select</option>
<option>Negative</option>
</select>
</td>
<td class="error"><p>Select your attitude to drugs!</p></td>
</tr>
</table>
</form>
Источник: Stack Overflow на русском