리스트 추가하기

{% extends "main.html" %}

{% block contents %}

<style>

    .clicked {

        background-color: aqua;

        /* border-radius: 50%; */

        color: brown;

    }

    ul {

        cursor: pointer;

    }

</style>

<script>

    let mv_clicked;

    $(document).ready(() => {

    })

    function mv_click(id) {

        $(`#clicked> ul`).removeClass('clicked')

        $(`#${id}`).addClass('clicked')

        // $('h1').text(String(`${id}`))

        mv_clicked = id;

        addcotnet();

    }

    function addcotnet(){

        let msn = $('input[name=msn]').val()

        let hauju = $('input[name=hauju]').val()

        let p_name = $('input[name=p_name]').val()

        let gangjung = $('input[name=gangjung]').val()

        let sizs = $('input[name=sizs]').val()

        let bundle = $('input[name=bundle]').val()

        let mt = $('input[name=mt]').val()

        let storage = $('input[name=storage]').val()

        let mv_id = mv_clicked;

        console.log(mv_id)

       

    }

</script>

<ul class="nav" id="clicked">

    {% for d_list in d_lists %}

    <ul id="{{d_list._id}}" onclick="mv_click(`${id}`)">

        {{d_list.date}} {{d_list.mv_name}}

    </ul>

    {% endfor %}

</ul>

<table class="table">

    <thead>

        <h1></h1>

        <tr>

            <th scope="col">MSN</th>

            <th scope="col">화주명</th>

            <th scope="col">품명</th>

            <th scope="col">제강사</th>

            <th scope="col">강종</th>

            <th scope="col">싸이즈</th>

            <th scope="col">총수량(B/D)</th>

            <th scope="col">총중량(M/T)</th>

            <th scope="col">창고코드</th>

        </tr>

    </thead>

    <tbody>

        <tr>

            <th>1</th>

            <td>인천</td>

            <td>철 근</td>

            <td>일본-조난</td>

            <td>SD-400</td>

            <td>10 * 8</td>

            <td>100</td>

            <td>200.200</td>

            <td>2024-04-06</td>

        </tr>

        <tr id=`${id}`>

            <th><input type="text" placeholder="MSN" name="msn"></th>

            <td><input type="text" placeholder="화주명" name="hauju"></td>

            <td><input type="text" placeholder="품명" value="d_bar" name="p_name" readonly></td>

            <td><input type="text" placeholder="제강사" name="jaegangsa"></td>

            <td><input type="text" placeholder="강 종" name="gangjung"></td>

            <td><input type="text" placeholder="싸이즈" name="size"></td>

            <td><input type="text" placeholder="수 량" name="bundle"></td>

            <td><input type="text" placeholder="톤수" name="mt"></td>

            <td><input type="text" placeholder="창고코드" name="storage"></td>

            <td><button onclick="addcotnet()">추가</button></td>

            <td><button>삭제</button></td>

        </tr>

    </tbody>

</table>

{% endblock %}

d_list.html