Вывод сообщения об ошибке

Рейтинг: 0Ответов: 2Опубликовано: 28.04.2015

Есть форма с 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>

Ответы

Ответов пока нет.