मेरे पास भुगतान पृष्ठ है। क्रेडिट कार्ड पैन इनपुट और समाप्ति तिथि के साथ चयन बॉक्स (महीना/वर्ष) जिसे मैंने jQuery ui > .selectmenu का उपयोग करके चयन बॉक्स से ड्रॉप डाउन मेनू में संशोधित किया था

जब मैं पैन इनपुट से सेव्ड कार्ड चुनता हूं, तो पैन डेटा पैन इनपुट में भर जाता है, लेकिन समाप्ति डेटा ड्रॉप डाउन मेनू में नहीं भरता है। केवल जब मैं प्रत्येक मेनू (महीना/वर्ष) दबाता हूं तो ड्रॉप डाउन सूची से आवश्यक मूल्य का चयन किया जा रहा है। जब मैं अपने सहेजे गए कार्ड का चयन करता हूं तो मेरा लक्ष्य पैन के साथ स्थायी रूप से समाप्ति तिथि निर्धारित करना है। मैं इसे कैसे हासिल कर सकता हूं?

यह मेरी समाप्ति तिथि महीने का चयन बॉक्स ड्रॉप डाउन मेनू है

<select class="date1" id="Mon" name="Mon" style="display: none;"><option value="01" selected="" id="Mon01">01</option><option value="02" id="Mon02">02</option><option value="03" id="Mon03">03</option><option value="04" id="Mon04">04</option><option value="05" id="Mon05">05</option><option value="06" id="Mon06">06</option><option value="07" id="Mon07">07</option><option value="08" id="Mon08">08</option><option value="09" id="Mon09">09</option><option value="10" id="Mon10">10</option><option value="11" id="Mon11">11</option><option value="12" id="Mon12">12</option></select>

का उपयोग करते हुए

$ ("चयन करें")। चयनमेनू ({})

मैं अपने चयन को नीचे दी गई सूची में बदल देता हूं

<span tabindex="0" id="Mon-button" role="combobox" aria-expanded="false" aria-autocomplete="list" aria-owns="Mon-menu" aria-haspopup="true" class="ui-selectmenu-button ui-selectmenu-button-closed ui-corner-all ui-button ui-widget" aria-activedescendant="ui-id-1" aria-labelledby="ui-id-1" aria-disabled="false">
    <span class="ui-selectmenu-icon ui-icon ui-icon-triangle-1-s"></span>
    <span class="ui-selectmenu-text">01</span>
</span>
0
David 30 जिंदा 2020, 16:35

1 उत्तर

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

आप इनिशियलाइज़ेशन से पहले या बाद में value सेट कर सकते हैं। यदि ऐसा करने के बाद, आपको refresh विधि का उपयोग करना चाहिए।

$(function() {
  $("#Mon").selectmenu();
  $("#set-mon").click(function() {
    $("#Mon").val("06").selectmenu("refresh");
  });
});
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<select class="date1" id="Mon" name="Mon">
  <option value="01" id="Mon01">01</option>
  <option value="02" id="Mon02">02</option>
  <option value="03" id="Mon03">03</option>
  <option value="04" id="Mon04">04</option>
  <option value="05" id="Mon05">05</option>
  <option value="06" id="Mon06">06</option>
  <option value="07" id="Mon07">07</option>
  <option value="08" id="Mon08">08</option>
  <option value="09" id="Mon09">09</option>
  <option value="10" id="Mon10">10</option>
  <option value="11" id="Mon11">11</option>
  <option value="12" id="Mon12">12</option>
</select>
<button id="set-mon">Set Month</button>
0
Twisty 31 जिंदा 2020, 20:09