idから<select>の値を取得するにはどうすればよいですか？

Question

プロジェクトでは、編集、削除などのライブが可能なテーブルを作成する必要があります。

は今、私はとの問題を抱えている私のコードの一部はこれです：

$('#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関数は、私のテーブルに新しい行を追加するために使用され、以下の挿入機能をするために使用されますそれを私のテーブルに挿入してください。

私はすでにテキストフィールドでテキストを入力できますが、ドロップダウンメニューを使用してアイテムを選択できるように変更する必要があります。

アイテムの1つを選択するためのオプションを持つ選択タグが追加され、表示されます。しかし、自分のテーブルに挿入されている値が何を選択しても、最初のオプションです。

私は自分の問題を表示し、あなたの何人かが私を助けてくれることを願っています。

編集：それはどのように見えるかの写真：

Answer 1

は答えを見つけました。 は、私が変更しなければならなかった：

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

へ：

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