Предупреждающий ящик, отображающий текст в html5

У меня есть раскрывающийся список. Когда кто-то нажимает кнопку «Другое» в раскрывающемся списке, появляется пустая строка, позволяющая кому-либо написать свой собственный запрос. Я хочу создать окно предупреждения, которое отображает то, что кто-то написал в пустой строке в большом, смелом письме. Как мне это сделать?Предупреждающий ящик, отображающий текст в html5

Вот мой код:

<form action=""> 
    <select name="requests" onchange ="checkIfOther();" id="dropDown1"> 
    <option value="blank"></option> 
    <option value="good morning sir">Good Morning Sir</option> 
    <option value="temperature">The current temperature is _____ centigrade.</option> 
    <option value="other">Other</option>  
</select> 
</form> 

</p> 
<button onclick="myFunction()" value>Submit</button> 

    <div id="other" style="display:none"> 
     <br><br><label>Optional Request: </label><input type="text" id="otherText"/> 

     </div> 

</body> 
</html> 

<script> 
    function checkIfOther(){ 
     a = document.getElementById("dropDown1");   
     if(a.value == "other")   
      document.getElementById("other").setAttribute("style","display:inline"); 
     else 
      document.getElementById("other").setAttribute("style","display:none"); 
     } 
</script> 

<script> 
    function myFunction(){ 
     var x=document.getElementById("dropDown1"); 
     alert("You have chosen: " + x.options[x.selectedIndex].text); 
     if(x.value == "other"){ 
      b=document.getElementById("other"); 
       alert("You have chosen: " + b.text); //what do I do? 
       } 
      } 
</script>

источник

2013-07-04 user2542058

Что вы имеете в виду под «всплывающего окна»? окно браузера? или плавающий div? или поле оповещения? Что такое «этот запрос»? Вы имеете в виду, что пользователь вводил как «другое»? – DavidLin

Звучит как плавающий div –

По всплывающему окну я имею в виду окно предупреждения. Запрос означает, что если вы введете что-то в текстовое поле «Другое» и нажмите кнопку «Отправить», появится окно с предупреждением «Вы выбрали: _____». (В недоумении все, что вы набрали в разделе «Другие».) – user2542058

Попробуйте использовать Jquery, Вот код:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
<script> 

function myFunction(){ 
    alert('You have chosen: '+$("#otherText").val()); 
} 

function checkIfOther() 
{ 
    $("#otherText").val(''); 
    ($("#dropDown1").val() == 'other') ? $("#other").show() : $("#other").hide(); 
} 

</script>

дайте мне знать это полезно ?.

источник

2013-07-04 10:27:29

это было полезно, спасибо – user2542058

Но я сделал что-то вроде этого ...

<script type="text/javascript"> 
    function mySubmit(){ 
     var x=document.getElementById("dropDown1"); 
     if(x.value == "other"){ 
      alert("You have chosen: " + otherText.value); 
     } 
     else { 
      alert("You have chosen: " + x.options[x.selectedIndex].text); 
     } 
    } 
</script>

источник

2013-07-05 05:05:33 user2542058

Предупреждающий ящик, отображающий текст в html5

ответ

Смежные вопросы