jQueryを使ってhtmlのデータリストの値を全て取得したい。

Question

コンボボックスのオプションの項目を全て取得し比較したいとおもっております

jqをつかってコンボボックス（datalist）の値を全て取得し、
テキストボックスの値と比較したいのですが。

セレクトボックスと同じ様に値を取得しようとしたのですが上手く取得することができず困っております。

option項目は動的に作っているので新しいlist作って比較しております。

jq書き慣れておらず初心者で変何個と書いているかと思いますがご教授ください。
よろしくおねがしまします。

該当のソースコード

<script>
   function myfunc() {
         var list = [];
         var times = $('#data').children();
         console.log(times);
         
         for (var i=0; i<times.length; i++) {
            list.push($(this).text());
         }
         console.log(list); 
         var newdata = $("#data").val();

         for (var i=0; i<list.length; i++) {
            if (list === newdata){
             console.log("同じ");
            }else{
             console.log("ない");
            }
         }
         
     }
</script>

<input type="text" class="combo" id="data" list="datalist"　onchange="myfunc()">

  <datalist id="datalist">
   <option value="1">1000</option>
   <option value="2">1100</option>
   <option value="3">1200</option>
   <option value="4">1300</option>
   <option value="5">1400</option>
  </datalist>

Answer 1

コンボボックスのオプションの項目を全て取得

こういうことですか？

         var times = $('#datalist').children();

         for (var i=0; i<times.length; i++) {
            list.push($(times[i]).text());
         }

Comments

[pepe1122]

ありがとうございました凡ミスしておりました。

Answer 2

こんな感じでしょうか？

<script>
$(function(){
  $('#data').on('change',function(){
    var val=$(this).val();
    var list=$("#"+$(this).attr('list')).find('option').map(function(){
      return $(this).val();
    }).get();
    var match=list.map(function(x){
      return x==val?"同じ":"ない";
    });
    console.log(list);
    console.log(match);
  });
});
</script>

<input type="text" class="combo" id="data" list="datalist">
<datalist id="datalist">
<option value="1">1000</option>
<option value="2">1100</option>
<option value="3">1200</option>
<option value="4">1300</option>
<option value="5">1400</option>
</datalist>