मैं एक से अधिक मानों का चयन करने के लिए सीएसएस को मूर्त रूप देना के एकाधिक चयन का उपयोग कर रहा हूं। यूआई ठीक काम कर रहा है, लेकिन मुझे सभी चयनित मानों को पुनर्प्राप्त करने का कोई तरीका नहीं मिला। मैंने मूल्यों को पुनर्प्राप्त करने के लिए ऑन चेंज इवेंट हैंडलर का उपयोग किया। हालाँकि चयनित मानों की एक सरणी के बजाय यह सूची में केवल पहला चयनित मान लौटा रहा है।

क्या कोई यह बता सकता है कि इसे जावास्क्रिप्ट का उपयोग करके नीचे दिए गए जैसे एक साधारण एकाधिक चयन के लिए कैसे किया जाए? (jQuery का उपयोग करके नहीं)

      <select id='mySelect' multiple>
          <option value="1">Option 1</option>
          <option value="2">Option 2</option>
          <option value="3">Option 3</option>
      </select>
0
vinu payyoli 18 अक्टूबर 2020, 18:46

1 उत्तर

सबसे बढ़िया उत्तर

आप इस तरह से चयनित हो सकते हैं:

एचटीएमएल:

<select multiple id="option-select">
   <option value="" disabled selected>Choose your option</option>
   <option value="1">Option 1</option>
   <option value="2">Option 2</option>
   <option value="3">Option 3</option>
</select>
<label>Materialize Multiple Select</label>

जे एस

document.addEventListener("DOMContentLoaded", function () {
  const selects = document.querySelector("select");
  const instances = M.FormSelect.init(selects, {});
  const selectOption = document.querySelector("#option-select");
    
  selectOption.addEventListener("change", function () {
    const instance = M.FormSelect.getInstance(selectOption);
    const selectedValues = instance.getSelectedValues();
    console.log(selectedValues);
  });
});
1
lissettdm 18 अक्टूबर 2020, 19:29