使用警告框询问用户输入

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');

小提琴

Answer 2

您还可以使用以下命令为提示指定默认值

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

另请注意：提示中的“取消”将返回 null。

在此处尝试演示： http : //www.w3schools.com/js/tryit.asp? filename= tryjs_prompt