मैं टेक्स्ट फ़ील्ड को केवल ड्रॉप डाउन सूची से उपयोगकर्ता चयन के आधार पर पढ़ना चाहता हूं

यहाँ मेरा कोड है

<select id="Personal_Religion_Sect" name="Personal_Religion_Sect">
    <option value="Un-Married"></option>
    <option value="Married"></option>

<select>

जब उपयोगकर्ता डातालिस्ट से Un-Married का चयन करता है तो मैं इनपुट readonly बनाना चाहता हूं

<label for = "cc-payment" class = "control-label mb-1">Spouse Name</label> <input type = "text" autocomplete="off" class = "form-control"  name="Medical_Category" id = "Medical_Category"   style = "color:  black;" value="<?php echo $data['Personal_Medical_Category'];?>" required placeholder="Mention your Spouse Name" data-toggle="tooltip" title="Mention your Spouse Name if Applicable"/>

और यदि उपयोगकर्ता डातालिस्ट से Married का चयन करता है तो मैं इनपुट को readonly=false पर सेट करना चाहता हूं

मैं इसे कैसे हासिल करूंगा?

अग्रिम में धन्यवाद

0
Muhammad Tanzeel Arshad 28 फरवरी 2019, 09:09

1 उत्तर

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

आप इसे PHP के माध्यम से प्राप्त नहीं कर सकते हैं, आपको इसे जावास्क्रिप्ट में करने की आवश्यकता होगी।

नीचे दिए गए स्निपेट में jQuery शामिल होगा, फिर अपने चयन में एक श्रोता जोड़ें - जहां परिवर्तित होने पर, यह नए मान की जांच करता है, और यदि मान Married के बराबर है, तो यह required विशेषता को हटा देता है, और readonly विशेषता जोड़ता है। जब Married से भिन्न मान का चयन किया जाता है तो ये उलटे हो जाते हैं।

$("#Personal_Religion_Sect").on("change", function() {
  var input = $("#Medical_Category");
  var readonly = !(this.value === "Married");

  input.prop("readonly", readonly);
  input.prop("required", !readonly);
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<select id="Personal_Religion_Sect" name="Personal_Religion_Sect">
    <option value="" disabled selected>Select one --</option>
    <option value="Un-Married">Un-Married</option>
    <option value="Married">Married</option>
<select>

<label for="cc-payment" class="control-label mb-1">Spouse Name</label> 
<input type="text" 
       autocomplete="off" 
       class="form-control"  
       name="Medical_Category" 
       id="Medical_Category" 
       style="color:  black;" 
       value="<?php echo $data['Personal_Medical_Category'];?>" 
       required 
       placeholder="Mention your Spouse Name" 
       data-toggle="tooltip" 
       title="Mention your Spouse Name if Applicable"/>
1
Qirel 28 फरवरी 2019, 09:21