मैं 'woocommerce' को अनुकूलित करने का प्रयास करता हूं। प्रत्येक उत्पाद के अपने चर होते हैं। मैं प्रत्येक ड्रॉप डाउन के सामने चयनित विकल्प प्रदर्शित करना चाहता हूं। प्रत्येक उत्पाद में ड्रॉप डाउन की अलग-अलग संख्या होती है 'उनमें से कुछ एक से अधिक' और मैं प्रत्येक ड्रॉप डाउन चयनित मान को अपने ड्रॉप डाउन के सामने प्रदर्शित करना चाहता हूं। मैं एक ड्रॉप डाउन के लिए लिख सकता था लेकिन ड्रॉप डाउन की संख्या अलग होने के कारण मैं इसे सही तरीके से नहीं कर सकता। क्या आप jQuery कोड के साथ मेरी मदद कर सकते हैं?

enter image description here

$('select#soflow').on('change', function() {
  var count = $("select#soflow option:selected").text();
  var value = $("select#soflow option:selected").text();
  $("#textvalue").append().html("<span>" + value + "</span>");
})
-1
fatima1997 4 जिंदा 2020, 10:44
आपने अब तक जो प्रयास किया है उसे साझा करें, यहां तक ​​कि एक ड्रॉपडाउन के लिए भी
 – 
Pedram
4 जिंदा 2020, 11:08
$(दस्तावेज़)।रेडी (फ़ंक्शन(){ $('select#soflow').on('change',function(){ var count = $("select#soflow option:Selected").text(); var value = $("select#soflow option:select").text(); $("#textvalue").append().html("" + value+""); }) } );
 – 
fatima1997
4 जिंदा 2020, 11:11
यह कोड बिना किसी स्थान के प्रत्येक ड्रॉपडाउन के चयनित विकल्प को एक साथ दिखाता है
 – 
fatima1997
4 जिंदा 2020, 11:11

1 उत्तर

चूंकि आपके प्रश्न का कोई उत्तर नहीं है, इसलिए मैंने आपकी समस्या को किसी तरह हल करने की कोशिश की, बेशक यह बिल्कुल आँख बंद करके है, क्योंकि मुझे कोई html नहीं दिख रहा है या यह सामान्य तत्व नहीं है, मुझे यह अनुभाग नहीं दिख रहा है एक नमूना woocommerce वेबसाइट में, वैसे भी। आप अपना परिणाम प्राप्त करने के लिए नीचे दिए गए कोड का उपयोग कर सकते हैं लेकिन ध्यान रखें कि यह आपके पृष्ठ के सभी चयन तत्व हैं, इसलिए वर्ग देखने पर विचार करें अपने चयन तत्व पर या पूर्व के लिए माता-पिता द्वारा चयन करें। बिना किसी विरोध के काम करने के लिए .someDiv चुनें या आदि

इस उदाहरण में, सभी select option ढूंढें और परिवर्तन ईवेंट पर selected मान ढूंढें और अपने चयन विकल्प के आगे .dropdown-selected वर्ग द्वारा span के रूप में संलग्न करें।

$('select').each(function() {
  $(this).on('change', function() {
    $(this).next().closest('.dropdown-selected').remove();
    var value = $(this).find(':selected').text();
    $("<span class='dropdown-selected'>" + value + "</span>").insertAfter($(this));
  })
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select class="dropdown" id="soflow">
  <option>Text 1</option>
  <option>Text 2</option>
  <option>Text 3</option>
</select>
<br/><br/>
<select class="dropdown" id="soflow2">
  <option>Text 4</option>
  <option>Text 5</option>
  <option>Text 6</option>
</select>
<br/><br/>
<select class="dropdown" id="soflow3">
  <option>Text 7</option>
  <option>Text 8</option>
  <option>Text 9</option>
</select>

मैं आपकी और अधिक मदद नहीं कर सकता, बस इसे आजमाएं यदि आप कोई प्रश्न पूछना चाहते हैं, तो टिप्पणी करें!

1
Pedram 4 जिंदा 2020, 11:36