使用提醒框詢問用戶輸入

Question

我希望用戶在提示框中輸入一段文字。

HTML：

<form> 
    <select class="favoritefood"> 
     <optgroup label="Dairy products"> 
      <option>Cheese</option> 
      <option>Egg</option> 
      <option id="newDairy">NEW</option> 
     </optgroup> 
     <optgroup label="Vegetables"> 
      <option>Cabbage</option> 
      <option>Lettuce</option> 
      <option>Beans</option> 
      <option>Onions</option> 
      <option>Courgettes</option> 
      <option id="newVeg">NEW</option> 
     </optgroup> 
    </select> 
</form> 

JS：

$('.favoritefood').change(function() { 
    var id = $(this).find('option:selected').attr('id'); 
    if (id == 'newDairy') { 
     alert("input"); 
    }; 
}); 

我知道這是可能有警告框裏面輸入，但如何？

Answer 1

這將是提示框

var result = prompt('type something'); 

FIDDLE

Answer 2

您也可以使用

var value = prompt('Enter Value', 'Default Value'); 

另外要注意的提示指定一個默認值：「取消」從提示意志返回null。

試試這裏的演示：http://www.w3schools.com/js/tryit.asp?filename=tryjs_prompt