#javascript #html #select #return #dropdown
Вопрос:
В этом коде я хочу проверить значение выпадающего списка тега select в html. И отобразите его в id=’h1′(внизу).. Тег сценария уже есть в теге head. Там, пожалуйста, напишите любую функцию для включения в атрибут onchange в теге select. Спасибо
lt;!DOCTYPE htmlgt; lt;headgt; lt;scriptgt;lt;/scriptgt; lt;/headgt; lt;bodygt; lt;div class="navbar"gt; lt;div class="title"gt; lt;pgt;lt;span style="font-size: 50px;"gt;Nlt;/spangt;avya lt;span style="font-size: 50px;"gt;Mlt;/spangt;alhotralt;/pgt; lt;/divgt; lt;div class="main-menu"gt; lt;ulgt; lt;ligt;lt;a href="home.html"gt;Homelt;/agt;lt;/ligt; lt;ligt;lt;a href="products.html"gt;Productslt;/agt;lt;/ligt; lt;ligt;lt;a href="about.html"gt;About Uslt;/agt;lt;/ligt; lt;ligt;lt;a href="contact.html"gt;Contact Uslt;/agt;lt;/ligt; lt;/ulgt; lt;/divgt; lt;div class="nav_links"gt; lt;ulgt; lt;ligt;lt;a href="https://youtube.com"gt;lt;img src="pics/Youtube.png" alt="The Source is down" style="height: 45px;"gt;lt;/agt;lt;/ligt; lt;ligt;lt;a href="https://www.instagram.com/navya_malhotra_01/"gt;lt;img src="pics/Instagram.png" alt="The Source is down" style="height: 33px;"gt;lt;/agt;lt;/ligt; lt;li style="margin-top: 32px;"gt;lt;a href="https://facebook.com"gt;lt;img src="pics/Facebook.png" alt="The Source is down" style="height: 29px;"gt;lt;/agt;lt;/ligt; lt;/ulgt; lt;/divgt; lt;/divgt; lt;p class="home_title"gt;lt;span style="font-size: 40px;"gt;Clt;/spangt;ontact lt;span style="font-size: 40px;"gt;Ult;/spangt;slt;/pgt; lt;form action=""gt; lt;input type="text" id="" minlength="8" required/gt; lt;input type="email" required minlength="13"/gt; lt;input type="number" required minlength="10"/gt; lt;select class="dropdown" id="dropdown" onchange="" gt; lt;option value="feedback"gt;Feedbacklt;/optiongt; lt;option value="review"gt;Reviewlt;/optiongt; lt;option value="query"gt;Querylt;/optiongt; lt;option value="complain"gt;Complaintlt;/optiongt; lt;option value="custom"gt;Customlt;/optiongt; lt;/selectgt; lt;input type="submit" name="" id=""/gt; lt;h1 id="h1"gt;lt;/h1gt; lt;/formgt; lt;/bodygt; lt;/htmlgt; Ответ №1:
Вам нужно использовать простую функцию js, которая вставит значение в блок. Проверьте код:
lt;scriptgt; function setValue(option, el) { let element = document.getElementById(el); element.innerHTML = option; } lt;/scriptgt; lt;form action=""gt; lt;select class="dropdown" id="dropdown" onchange="setValue(this.value, 'h1')" gt; lt;option value="feedback"gt;Feedbacklt;/optiongt; lt;option value="review"gt;Reviewlt;/optiongt; lt;option value="query"gt;Querylt;/optiongt; lt;option value="complain"gt;Complaintlt;/optiongt; lt;option value="custom"gt;Customlt;/optiongt; lt;/selectgt; lt;h1 id="h1"gt;lt;/h1gt; lt;/formgt;