获取多下拉菜单的选定选项 jquery angular 不起作用

Question

你好，我正在 angular 应用程序中使用 jquery，我想在我的组件 ts 文件中获取许多 select 列表的所有 selected 选项jquery，我做了什么：

    $("#selectProp select").each(() => {

      var t = $(this);
      console.log($(this))
      //arr.push($(this).val());
    });
    console.log(arr)

这里有 this 我想从用户那里得到带有 selected 选项的 select 但在这个我得到 :

0 => jQuery.fn.init(1)   AppComponent

这里我得到了在 export class AppComponent

中声明的值

这是我的 Html :

 <div id="selectProp">
              <div *ngFor="let BR of splits; let i = index">
                <label for="pet-select">Morceau {{i + 1}}</label>
                <div>
                  <select id="selectAttribut">
                    <option *ngFor="let prop of lstProp512" [value]="prop.Text">
                      {{prop.Text}}
                    </option>
                  </select>
                </div>
              </div>
            </div>

Answer 1

像这样工作：

    $('#selectProp select').each((index, element) => {
      var conceptName = $(element).find(":selected").text();
      console.log(conceptName);
    })

获取多下拉菜单的选定选项 jquery angular 不起作用

get selected option of multi dropdown jquery angular dosn't work

javascript

jquery

angular