javascript - Soalan tentang perkaitan antara jadual dan borang

Question

Seperti yang ditunjukkan dalam gambar:
Tujuan:
1 Klik butang tambah di atas dan tambahkan lajur trtd pada jadual di sebelah kiri. (Dilaksanakan)
2 Apabila memilih trtd jadual tertentu di sebelah kiri, anda boleh menambah trtd di sebelah kanan (butang tambah di sebelah kanan belum ditulis) (Saya tidak tahu sama ada ia adalah trtd, kerana. nampaknya pilih tidak boleh berada dalam jadual yang bersarang di dalamnya). (Tidak dilaksanakan, saya tidak tahu, saya tidak tahu bagaimana untuk memilih jadual, dan saya tidak tahu bagaimana untuk mengaitkannya dengan sebelah kanan)
3 Selepas memilih pelbagai pilihan di sebelah kanan, maklumat yang dipilih boleh dihantar semula ke sebelah kiri. (Saya juga tidak melaksanakan ini, dan saya juga tidak tahu)

Keperluan: Jangan gunakan semua jenis rangka kerja yang tidak kemas Pada asasnya, ia hanya boleh dilaksanakan dengan js dan jq.

Kod adalah seperti berikut:

<button>添加</button>
<table border="1px solid #000">
<thead>
    <tr>
        <th style="width:100px;"></th>
        <th style="width:200px;">纳税人识别号</th>
        <th style="width:200px;">纳税人名称</th>
    </tr>
</thead>
<tbody id="a">
    <!-- 点击上方添加按钮，在这里创建trtd -->
</tbody>
</table>
<!-- 右侧部分 -->
<form action="" style="width:600px;float:right;margin-right:590px;margin-top:100px;">
    <table id="b" border="1px solid #000">
        <thead>
            <tr>
                <th style="width:100px;">计算期类型</th>
                <th style="width:200px;">期间</th>
                <th style="width:200px;">征收方式</th>
            </tr>
        </thead>
        <tbody>
        </tbody>
    </table>
    <!-- 右侧下边的添加的下拉菜单 -->
    <p id="area">
        <select id="zType_time"></select>
        <select id="zType_years"></select>
        <select id="month_quarter"></select>
    </p>
</form>
<script>
    //这个是上边添加按钮，点击后为左侧添加一个表格的trtd。
    $('button').on('click',function(){
        //左侧添加的表格的内容在这个对象hahaha里。
        var hahaha = {
            num:"1",
            codes:"123456789",
            company:"啦啦啦啦啦"
        }
        var aaa = $('<tr><td>'+hahaha.num+'</td><td>'+hahaha.codes+'</td><td>'+hahaha.company+'</td></tr>');
        var bbb = $('#a');
        bbb.append(aaa); 
    })
</script>

Answer 1

Mata kecil:
1 Pilih boleh bersarang dalam td
2 "Pemilihan jadual": Saya mentafsirkannya sebagai elemen mendapat dan kehilangan fokus, anda boleh menggunakan fokus jquery(), blur()

.

Kandungan khusus:
1. "Tambah butang di sebelah kanan": Apakah kesan yang anda mahu dapatkan selepas mengkliknya, seperti baris kosong dalam jadual di sebelah kanan, atau baris dengan pilihan?
2. "Pilih jadual dan kaitkan dengan bahagian kanan": Apa yang anda perlukan untuk mengaitkannya? Apakah kesan yang dicapai?
3. "Apabila anda memilih pelbagai pilihan di sebelah kanan, maklumat yang dipilih boleh dihantar semula ke sebelah kiri": Di manakah nilai pilihan yang anda pilih perlu dihantar semula ke jadual di sebelah kiri?
(Seperti yang ditunjukkan dalam gambar, susunan meja di sebelah kiri hanya mengandungi nombor pengenalan dan nama pembayar cukai)