如何只显示所选选项的文本

Question

我在显示所选内容的文本时遇到问题。当我检索它的文本时，它会检索我所有选项的文本。

这里是代码（有问题）：

 $("#productList").select2();
 $(document).ready(function(){
 let data = [{"reference":'BC-ENFANT',"name":'Pour les Enfants',"description":'Soins pour les enfants...',"id":155,"productList":[{"id":13655,"reference":'PROD_ENFANT_01',"name":'Brushing'},{"id":13656,"reference":'PROD_ENFANT_03',"name":'Soins'},]},{"reference":'BC-FEMME',"name":'Pour les Femmes',"description":'Prestations pour les femmes',"id":154,"productList":[{"id":13657,"reference":'PROD_ENFANT_01',"name":'Brushing'},{"id":13658,"reference":'PROD_ENFANT_03',"name":'Soins'}]}];

let results = data.map(group => ({
  text: group.name,
  children: group.productList.map(product => ({
    id: product.id,
    text: product.name
  }))
}));
  $('#productList').select2({
                multiple: false,
                data: results,
                minimumResultsForSearch: -1,
            });
 console.log($('#productList').text());
 });

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>


        <label>Prestation</label>
           <select id="productList"></select>

谢谢

Answer 1

你应该使用 $("#productList option:selected").text().

参考How do I get the text value of a selected option in Jquery?

$("#productList").select2();
$(document).ready(function () {
  let data = [ { reference: "BC-ENFANT", name: "Pour les Enfants", description: "Soins pour les enfants...", id: 155, productList: [ { id: 13655, reference: "PROD_ENFANT_01", name: "Brushing" }, { id: 13656, reference: "PROD_ENFANT_03", name: "Soins" }, ], }, { reference: "BC-FEMME", name: "Pour les Femmes", description: "Prestations pour les femmes", id: 154, productList: [ { id: 13657, reference: "PROD_ENFANT_01", name: "Brushing" }, { id: 13658, reference: "PROD_ENFANT_03", name: "Soins" }, ], }, ];

  let results = data.map(group => ({
    text: group.name,
    children: group.productList.map(product => ({
      id: product.id,
      text: product.name,
    })),
  }));
  $("#productList").select2({
    multiple: false,
    data: results,
    minimumResultsForSearch: -1,
  });
  console.log($("#productList option:selected").text());
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>

<label>Prestation</label>
<select id="productList"></select>

如何只显示所选选项的文本

How to display only the text of the option selected

javascript

select

jquery-select2