javascript - How can a visitor add options to a menu through text fields? -

मेरे पास निम्न ड्रॉप डाउन मेनू है।

  & lt; id = "MySelectMenu" चुनें & gt; & Lt; विकल्प मान = "#" & gt; - * - * - मुख्य खाता - * - * - & lt; / विकल्प & gt; & Lt; विकल्प मान = "http://www.google.com" & gt; Google & lt; / विकल्प & gt; & Lt; विकल्प मान = "http://www.yahoo.com" & gt; याहू & lt; / विकल्प & gt; & Lt; विकल्प मान = "http://www.example.com" & gt; उदाहरण & lt; / विकल्प & gt; & Lt; / चयन & gt;  

क्या मेरे लिए दो पाठ इनपुट फ़ील्ड जोड़ना संभव है, जहां विज़िटर मेनू विकल्प खुद को पॉप्युलेट कर सकता है?

उदाहरण के लिए, टेक्स्ट फ़ील्ड में वे यूआरएल इनपुट करते हैं विकल्प के लिए, और पाठ क्षेत्र दो, वे विकल्प का नाम इनपुट करते हैं।

तो ... टेक्स्ट फ़ील्ड एक: टेक्स्ट फ़ील्ड दो: रैंडम वेबसाइट

फिर एक 'जोड़ें' बटन पर क्लिक करें, जिसके परिणामस्वरूप यह होगा ...

  & lt; चुनें आईडी = "माइस्लेक्टमेन्यू" & gt; & Lt; विकल्प मान = "#" & gt; - * - * - मुख्य खाता - * - * - & lt; / विकल्प & gt; & Lt; विकल्प मान = "http://www.google.com" & gt; Google & lt; / विकल्प & gt; & Lt; विकल्प मान = "http://www.yahoo.com" & gt; याहू & lt; / विकल्प & gt; & Lt; विकल्प मान = "http://www.example.com" & gt; उदाहरण & lt; / विकल्प & gt; & Lt; विकल्प मान = "http://www.randomwebsite.com" & gt; यादृच्छिक वेबसाइट & lt; / विकल्प & gt; & Lt; / चयन & gt;  

यह वर्तमान मेनू के लिए जावास्क्रिप्ट है, अगर यह मदद करता है।

  & lt; script type = "text / javascript" & gt; फ़ंक्शन newSrc () {var e = document.getElementById ("MySelectMenu"); Var newSrc = e.options [e.selectedIndex] .value; document.getElementById ( "MyFrame") src = newSrc। } & Lt; / script & gt;  

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

हाँ दो टेक्स्टबॉक्स बनाएं और जोड़ें आईडी उनके लिए है और एक onclick फ़ंक्शन "जोड़ें" के साथ एक बटन भी बनाते हैं, तो निम्न जावास्क्रिप्ट का प्रयोग करें जो कि विकल्प बनाने और चयनबॉक्स में जोड़ने के लिए कुछ भी नहीं है

  function add () {var x = document.getElementById ( "MySelectMenu"); Var opt = document.createElement ("विकल्प"); Opt.value = document.getElementById ("url") मान; Opt.innerHTML = दस्तावेज़.getElementById ("नाम")। मान; // जो भी संपत्ति है, उसे x.add (opt); } & Lt; चुनें id = "MySelectMenu" & gt; & Lt; विकल्प मान = "#" & gt; - * - * - मुख्य खाता - * - * - & lt; / विकल्प & gt; & Lt; विकल्प मान = "http://www.google.com" & gt; Google & lt; / विकल्प & gt; & Lt; विकल्प मान = "http://www.yahoo.com" & gt; याहू & lt; / विकल्प & gt; & Lt; विकल्प मान = "http://www.example.com" & gt; उदाहरण & lt; / विकल्प & gt; & Lt; / चयन & gt; & Lt; input type = "text" name = "name" id = "name" & gt; & Lt; इनपुट प्रकार = "url" name = "url" id = "url" & gt; & Lt; बटन onclick = "जोड़ें ()" & gt; ADD & lt; / बटन & gt;