如何获取通过id的值？

Posted 2021-05-06

对于一个项目，我必须制作一个可以实时编辑，删除等的表格。

现在，我遇到问题的部分代码是：

$('#add').click(function()
    {
        var html  = '<tr>';
            html += '<td contenteditable id="data1"><select><option value="s">S</option><option value="a">A</option><option value="p">P</option><option value="v">V</option><option value="ü">Ü</option></select></td>';
            html += '<td contenteditable id="data2"></td>';
            html += '<td contenteditable id="data3"></td>';
            html += '<td contenteditable id="data4"></td>';
            html += '<td contenteditable id="data5"></td>';
            html += '<td contenteditable id="data6"></td>';
            html += '<td contenteditable id="data7"></td>';
            html += '<td contenteditable id="data8"></td>';
            html += '<td contenteditable id="data9"></td>';
            html += '<td contenteditable id="data10"></td>';
            html += '<td><button type="button" name="insert" id="insert" class="btn btn-success btn-xs">Einfügen</button></td>';
            html += '</tr>';
        $('#user_data tbody').prepend(html);
    });

    $(document).on('click', '#insert', function()
    {
        var startart = $('#data1').text();
        var kennzeichen_id = $('#data2').text();
        var pilot_id = $('#data3').text();
        var begleiter_id = $('#data4').text();
        var startort_id = $('#data5').text();
        var startzeit = $('#data6').text();
        var landeort_id = $('#data7').text();
        var landezeit = $('#data8').text();
        var dauer = $('#data9').text();
        var bemerkung = $('#data10').text();

        if(kennzeichen_id != '' && pilot_id != '' && begleiter_id != '' && startort_id != '' && landeort_id != '' )
        {
        $.ajax(
        {
            url:"insert.php",
            method:"POST",
            data:{ 
                startart:startart, 
                kennzeichen_id:kennzeichen_id, 
                pilot_id:pilot_id, 
                begleiter_id:begleiter_id,
                startort_id:startort_id, 
                startzeit:startzeit, 
                landeort_id:landeort_id, 
                landezeit:landezeit,
                dauer:dauer, 
                bemerkung:bemerkung
            },
            success:function(data)
            {
                $('#alert_message').html('<div class="alert alert-success">'+data+'</div>');
                $('#user_data').DataTable().destroy();
                fetch_data();
            }
            });
            setInterval(function()
            {
                $('#alert_message').html('');
            }, 5000);
        }
        else
        {
            alert("Kennzeichen, Pilot, Begleiter, Startort und Landeort sind min. benötigt");
        }
    });

顶部的add函数用于向我的表中添加一个新行，下面的insert函数用于将其插入到我的表中。

我已经可以输入带有文本字段的文本，但我必须更改它，以便我可以使用下拉菜单来选择项目。

我添加了一个带有选项的select-tag来选择其中一个Items并显示它。但无论我选择什么，我的表中插入的值是第一个选项。

我希望我能展示我的问题，你们中的一些人可以帮助我。

编辑：它看起来像什么：

答案

找到了答案。我不得不改变：

        var startart = $('#data1').text();

至：

        var startart = $('#data1').val();