Question

我需要编写jQuery代码，以便在单击按钮时确认已在下拉列表中选择了一个值。如果未在下拉列表中选择该值，则弹出警报。

我尝试过几件事，但到目前为止他们还没有工作过。我写了一个jQuery函数：

        function CheckCylinder() {
        if ($('#comboCylinders').value != "None") {
            alert('You must first select a cylinder.');
        }
    }

我是从asp按钮OnClientClick调用的：

<asp:Button ID="buttonModCylinder" runat ="server" Text="Modify Cylinder" 
        Width= "384px" Height= "102px" CssClass="cssCommandButton "
style = "position : absolute; top:104px; Left : 189px" OnClientClick="CheckCylinder()" />

这似乎不起作用...... 请让我知道我需要注意什么。感谢

Answer 1

您必须使用val()和jQuery，或者使用带有value的原生元素

function CheckCylinder() {
    if (document.getElementById('comboCylinders').value == "None") {
        alert('You must first select a cylinder.');
    }
}

假设类似

<select id="comboCylinders">
    <option value="None">None</option>
    <option value="cylinder 1">cylinder 1</option>
    <option value="cylinder 2">cylinder 2</option>
</select>

Answer 2

function CheckCylinder()
{
    if(!$("#comboCylinders").is(":checked")) // Checkboxes-radio
    {
    // or
    if(!$("#comboCylinders").is(":selected")) // Select
    {
    // or
    if($("#comboCylinders").val() == "") // Textinput
    {

在按钮单击之前确认已选择下拉列表值

2 个答案: