मैं इस एकाधिक चयन ड्रॉपडाउन बॉक्स का मूल्य कैसे प्राप्त कर सकता हूं? मैं यह नहीं समझ सकता कि मैं मूल्य कैसे प्राप्त कर सकता हूं। कृपया इस पर मदद करें। धन्यवाद!

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.rawgit.com/harvesthq/chosen/gh-pages/chosen.jquery.min.js"></script>
    <link href="https://cdn.rawgit.com/harvesthq/chosen/gh-pages/chosen.min.css" rel="stylesheet"/>
  </head>
  <body>
      <select data-placeholder="Begin typing a name to filter..." multiple class="chosen-select" name="test" id="test">
        <option value=""></option>
        <option>American Black Bear</option>
        <option>Asiatic Black Bear</option>
        <option>Brown Bear</option>
        <option>Giant Panda</option>
        <option>Sloth Bear</option>
        <option>Sun Bear</option>
        <option>Polar Bear</option>
        <option>Spectacled Bear</option>
      </select>
      <input type="text" name="getvalue" id="getvalue">
      <input type="button" onclick="a()" value="Submit">
    <script>
    $(".chosen-select").chosen({
      no_results_text: "Oops, nothing found!"
    });

    function a() {
      var value = document.getElementById('test').value;
      document.getElementById('getvalue').value = value;
    }
    </script>
3
MOO 30 मार्च 2018, 06:53

3 जवाब

ड्रॉपडाउन विकल्पों के लिए आप शायद कुछ इस तरह चाहते हैं:

' वर कॉन्सेप्टनाम = $ ('# टेस्ट')। ढूंढें (": चयनित")। टेक्स्ट ();'

1
Abdul bari ct 30 मार्च 2018, 05:03

इस फ़ंक्शन को अपने HTML के साथ आज़माएं:

function a() {
  var selectSelected = document.getElementById("getvalue");
  var collection = document.getElementById("test").selectedOptions;
  for (var i=0; i<collection.length; i++) {
    output += collection[i].label + ", ";
  }

  selectSelected.value = output;
}
1
osman 30 मार्च 2018, 04:18

आप ड्रॉपडाउन पर एक onchange ईवेंट असाइन करने से चूक रहे हैं। और बेहतर परिणाम के लिए JQuery के .val() का उपयोग करें:

$(".chosen-select").chosen({
  no_results_text: "Oops, nothing found!"
});

function a() {
  var value = $('#test').val();
  document.getElementById('getvalue').value = value;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.rawgit.com/harvesthq/chosen/gh-pages/chosen.jquery.min.js"></script>
    <link href="https://cdn.rawgit.com/harvesthq/chosen/gh-pages/chosen.min.css" rel="stylesheet"/>

<select data-placeholder="Begin typing a name to filter..." multiple class="chosen-select" name="test" id="test" onchange='a()'>
  <option value=""></option>
  <option>American Black Bear</option>
  <option>Asiatic Black Bear</option>
  <option>Brown Bear</option>
  <option>Giant Panda</option>
  <option>Sloth Bear</option>
  <option>Sun Bear</option>
  <option>Polar Bear</option>
  <option>Spectacled Bear</option>
</select>
<input type="text" name="getvalue" id="getvalue">
<input type="button" onclick="a()" value="Submit">
1
Ankit Agarwal 30 मार्च 2018, 04:04