drop down.html

<!DOCTYPE html>
<html lang="fa" dir="rtl">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div>
        <h1>انتخاب وضعیت</h1>
        <form>
            <select name="marige" id="marige">
                <option value="مجرد">مجرد</option>
                <option value="متاهل">متاهل</option>
            </select>
            <hr/>
            <select name="educate" id="educate">
                <Option value="دیپلم">دیپلم</Option>
                <Option value="لیسانس">لیسانس</Option>
                <Option value="فوق لیسانس">فوق لیسانس</Option>                
                <Option value="دکتری">دکتری</Option>
                <hr/>
            </select>
                <button type="button">مشاهده وضعیت</button>
        </form>
        <h2>مشاهده وضعیت</h2>
        <div id="result"></div>
    </div>
    <script src="./js/drop down.js"></script>
</body>
</html>