获取选定选项并返回的问题

Question

我对js中的返回值有疑问。我需要归还它，因为我想用它 var rusiavimas = selectedServices();所以，我的函数看起来像这样。   function selectedServices()    {         var selectedServices = [];        $('.common_change').change(function(){        selectedServices = $(this).val();        alert(selectedServices);                });              return selectedServices;        }我的 HTML 代码              <select name="rusiavimas" class="common_change" id="cars">                  <option value="none" selected disabled hidden>      Pasirinkite variantą   </option>            <option value="naujausi">Naujausi viršuje</option>          <option value="pigiausi" >Pigiausi viršuje</option>          <option value="brangiausi">Brangiausi viršuje</option>            </select>然后我选择该选项，在警报函数中我得到了正确的值，但在我的返回中，它没有返回它。

Answer 1

您的代码包含很多问题，我尝试在下面修复它们

你的JS脚本总是返回一个空数组，因为当你调用该函数时，var rusiavimas = selectedServices();内部.change函数不会运行并且不会更改数组的值

var selectedServices = [];

        $('.common_change').change(function(){

            

            selectedServices.push($(this).val());

            

            if(selectedServices.length > 0){

                alert("selected service: " + selectedServices.toString());

            }

            console.log(selectedServices);

        });

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<select name="rusiavimas" class="common_change" id="cars">

        <option value="none" selected disabled hidden> 

           Pasirinkite variantą 

        </option>  

        <option value="naujausi">Naujausi viršuje</option>

        <option value="pigiausi" >Pigiausi viršuje</option>

        <option value="brangiausi">Brangiausi viršuje</option>

    </select>

Answer 2

每次更改数组后，它都会为数组提供最后一个公共值。

正如评论所说，最好的方法是使用selectedSerices.push($(this).val()); 您也可以使用深层复制，但在您的情况下不太建议这样做selectedSerices = [...selectedSerices, $(this).val()]。我想这会对你有帮助！