如何强制用户选择“选择”以外的值?

时间:2014-04-09 13:03:29

标签: jquery

$("#d1").change(function() {

            alert("Handler for .change() called.");
            $("#TextBox2").val($("#d1").val());
            $("#d2").css('visibility', 'visible');
            if ($("#d1").val() = 'Select') {
                alert('please select a valid value');
                //$("#d1").focus();
            }
        });
   <select name="ctl03" id="d1">
        <option value="Select">Select</option>
        <option value="Low">Low</option>
        <option value="Medium-Low">Medium-Low</option>
        <option value="Medium-High">Medium-High</option>
        <option value="High">High</option>

    </select>

我希望用户选择一个值。如果用户选择第一个选项,即(选择) 应该生成警报,控件应该返回到下拉列表

5 个答案:

答案 0 :(得分:1)

disable那个选项!

<option value="Select" disabled selected>Select</option>

select默认为此选项,但是一旦你点击它,你必须选择一些东西

答案 1 :(得分:0)

应该是==而不是=

if ($("#d1").val() == 'Select') {

答案 2 :(得分:0)

HTML:

<select name="ctl03" id="d1" onchange="changed(this.value);">

JS:

function changed(d) {
        if (d == 'Select' && d !== '') {
            alert('Please select a valid value!');
        }
    }

答案 3 :(得分:0)

if($(“#d1”)。val()='选择')   这句话取而代之  if($(“#d1”)。val()=='选择')

答案 4 :(得分:0)

你需要结合tymeJV和sudars答案。这样,如果用户提交但未单击下拉列表,您仍然可以使用代码。

<option value="Select" disabled selected>Select</option>

AND

if ($("#d1").val() == 'Select') {

注意: 您也可以使用验证插件。这可能会划分您的操作和验证代码