मेरे पास विभिन्न प्रश्नों और ड्रॉप डाउन के साथ कई रूप हैं, और मैं उपयोगकर्ता द्वारा चुने गए विकल्प के आधार पर सही फॉर्म दिखाना चाहता हूं।

तो यदि कोई उपयोगकर्ता विकल्प 1 "वाहन" चुनता है तो उसके पास वाहनों (इंजन प्रकार, ब्रांड ....) के बारे में फॉर्म होगा,

यदि वह विकल्प 2 "स्मार्टफ़ोन" चुनता है तो उसके पास स्मार्टफ़ोन (चिपसेट, रैम, स्क्रीन प्रकार ...) के बारे में एक फॉर्म होगा।

मैं इसे वेनिला जावास्क्रिप्ट के साथ करना चाहता हूं, लेकिन मैं सभी सुझावों के लिए खुला हूं, धन्यवाद।

0
M Hammoutene 14 जून 2020, 13:07

1 उत्तर

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

वैसे आप वेनिला जेएस में ऐसा कुछ कर सकते हैं। लेकिन मैं कुछ ढांचे का उपयोग करने का सुझाव देता हूं जैसे कि AngularJS, React या Angular। इनमें से किसी में भी इन चीजों को करने से जीवन आसान हो जाएगा।

function selectChange(opt){
 if(opt.value === "1"){
    document.getElementById('smartPhone').style.display = "none"
    document.getElementById('vehicle').style.display = "block";
 }else if(opt.value === "2"){
   document.getElementById('vehicle').style.display = "none";
   document.getElementById('smartPhone').style.display = "block"
 }else{
   alert("something");
    document.getElementById('vehicle').style.display = "none";
    document.getElementById('smartPhone').style.display = "none";
  }
}
function handleSubmit(form){
 alert(form.id)
}
<select onchange = "selectChange(this)">
  <option value="1">Vehicle</option>
  <option value="2">SmartPhone</option>
  <option value="3">Something else</option>
</select>

<form id="vehicle" onsubmit="handleSubmit(this)">
    <input type="text" value="vehicle"/>
     <input type="submit" value ="vehicle"/>
</form>
<form id="smartPhone" style="display:none" onsubmit="handleSubmit(this)">
    <input type="text" value="smart phone"/>
    <input type="submit" value ="submit smartphone"/>
</form>
0
ABGR 14 जून 2020, 10:27