使用警告框询问用户输入

时间:2014-02-26 19:24:16

标签: javascript jquery html

我希望用户在警告框中输入一段文字。

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");
    };
});

我知道可以在警告框中输入一个输入,但是怎么做?

3 个答案:

答案 0 :(得分:6)

这将是提示框

var result = prompt('type something');

FIDDLE

答案 1 :(得分:1)

您还可以使用

为提示指定默认值
var value = prompt('Enter Value', 'Default Value');

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

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

答案 2 :(得分:0)

<块引用>

如果要将输入框添加到警报框中,请尝试以下操作:

output_by_user = prompt("Enter your name:", "User"); //The First argument of the prompt function takes the text to show, and the second argument (optional) is asking for the Hint/Pre-Typed Text on the Input Box

document.write("Hello, ", output_by_user, "!");