title: How to get multiple select box values and texts together using jQuery?
body: <p>I have a select box and user can select multiple colors
  so I want to get values and texts of selected options with bellow code I just get texts or just get values but I want both</p>
  
  <pre><code>  selected_colors = $('.selectpicker option:selected')
                  .toArray().map(item =&gt; item.text);
                  console.log(selected_colors);
  </code></pre>
  
  <p>it gives me this </p>
  
  <pre><code>(2) ["بنفش", "نارنجی روشن"]0: "بنفش"1: "نارنجی روشن"length: 2__proto__: Array(0)
  </code></pre>
  
  <p>btw "نارنجی روشن" and ... are colors name</p>