프로그래밍(programming)

Select 안에 Select 넣기

정보나눔중 2019. 5. 12. 21:40
반응형

CSS 없이 간단하게 표현 하도록 하겠습니다.

 

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <title>select</title>
    
</head>
<body>
    <table class="type02">
        <thead>
            <tr>
                <th>도/시</th>
                <th>군/구</th>
                <th>읍/면/동</th>
                <th>조회</th>
            <tr>
            <tr>    
                <td>
                    <select id="FoodCombo" name="select-native-1" onchange="FoodComboSelect()">
                        <option value="0" selected>선택하기</option>
                        <option value="음식">음식</option>
                        <option value="간식">간식</option>
                    </select>
                </td>
                <td>
                    <select id="Food2Combo" onchange="Food2ComboSelect()">
                        <option value="0" selected>전체선택</option>
                    </select>
                </td><td>
                    <select id="Food3Combo">
                        <option value="0" selected>전체선택</option>
                    </select>
                </td>
                <td>
                    <input type="button" value="조회하기">
                </td>
            </tr>
        
        </thead>
    </table>
    <script src="select.js"></script>
</body>
</html>

Select.html 실행시

 

 

 

반응형
저작자표시