javascript - how display input fields and required them when selected option with jquery -

मैं इस तरह एक फार्म का उपयोग करता हूं:

  & lt; form id = "clac" क्रिया = "#" विधि = "पोस्ट" & gt; & Lt; select onchange = "func_type ()" नाम = "t_person" id = "t_person" class = "t_person_class" & gt; & Lt; विकल्प मान = "0" चयनित & gt; व्यक्ति चुनें & lt; / विकल्प & gt; & Lt; विकल्प मान = "1" & gt; एक & lt; / विकल्प & gt; & Lt; विकल्प मान = "2" & gt; दो & lt; / विकल्प & gt; & Lt; विकल्प मान = "3" & gt; तीन & lt; / विकल्प & gt; & Lt; / चयन & gt; & Lt; इनपुट आईडी = "t_person_name1" & gt; & lt; br / & gt; & Lt; इनपुट आईडी = "t_person_name2" & gt; & lt; br / & gt; & Lt; input id = "t_person_name3" & gt; & lt; br / & gt; & Lt; इनपुट प्रकार = "सबमिट करें" मान = "ठीक है" & gt; & Lt; / प्रपत्र & gt;  

और विकल्प चुनते समय कुछ इनपुट फ़ील्ड प्रदर्शित करने के लिए इस तरह की स्क्रिप्ट का उपयोग करें:

  & lt; script type = "text / javascript" & gt; $ (Document) .ready (function () {$ ('# t_person_name1')। Hide (); $ ('# t_person_name2')। Hide (); $ ('# t_person_name3')। Hide (); $। ViewMap = '(') ': $ ([]),' 1 ': $ (' # t_person_name1 '),' 2 ': $ (' # t_person_name1, # t_person_name2 '),' 3 ': $ (' # t_person_name1, # T_person_name2, # t_person_name3 ')}; $ (' # t_person ')। परिवर्तन (फ़ंक्शन () {// सभी $। छिपाएं। ($। दृश्य मैप, फ़ंक्शन () {this.hide (' 500 ');}); // मौजूदा $ शो। $ $ [$ (This) .val ()]। शो ('500');})}}) & lt; / script & gt;  

में काम ठीक है, लेकिन कैसे एक क्षेत्र प्रदर्शित करते हैं, तो इस क्षेत्र की आवश्यकता है?

ऐसा कुछ करने की कोशिश करें:

इसके बजाय:

  $। प्रत्येक ($। दृश्यमैप, फ़ंक्शन () {this.hide ('500' );}); $ .viewMap [$ (this) .val ()] शो ( '500')।  

करें:

  $। प्रत्येक ($। दृश्यमैप, फ़ंक्शन () {this.hide ('500')। Prop ('आवश्यक', असत्य); }); $ .viewMap [$ (this) .val ()] शो ( '500') प्रोप ( 'आवश्यक', true)।।  

देखें