Question

我试图让我的下拉框在JQuery对话框中正常工作。我有4种不同的选择。如果我只选择4中有2个具有值A或B，那么我的第二个下拉应该允许我选择YES或NO else NONE。这是我的下拉框的代码：

 <div id="Dialog">
        <table>
            <tr><td align="left">Slecet Type</td>
            <td><select name="Type" id="Type">
                    <option value="A">One</option>
                    <option value="B">Two</option>
                    <option value="C">Three</option>
                    <option value="D">Four</option>
                </select>
           </td>
        </tr>
        <tr>
        <td align="left">Slecet Option</td>
        <td>
            <select name="drop" id="drop">
                <option value="">Select One</option>
                <option value="1">Yes</option>
                <option value="0">No</option>
                <option value="99">None</option>
            </select>
        </td>
    </tr>
    </table>
</div>

因此，如果我在第一次下拉中选择一个或两个，只有在这种情况下我可以在第二次下拉中选择YES或NO，否则应该是NONE。我尝试使用coldfusion验证解决这个问题，但这对我不起作用。

<cfif getQuery.Type EQ 'A' OR getQuery.Type EQ 'B'>
      <option value="1">Yes</option>
      <option value="0">No</option>
<cfelse>
      <option value="99">None</option>
</cfif>

所以现在我正在尝试使用jQuery解决这个问题，但我无法让它工作。这是我尝试实现验证的jQuery代码：

$("#Dialog").dialog({
            title:'Hello World',
            modal:true,autoOpen:false,width:600,
            buttons: { 
  'Continue': function(){mydrop = $('#drop');
            if($(mydrop).val() != 'A' || $(mydrop).val() != 'B'){alert('Please   select different');};$(this).dialog('close');} }
        });

我不确定我是否可以在此函数中使用此代码来执行“继续”按钮，或者这应该放在其他位置。如果你知道我应该改变什么，请告诉我。

提交表单时如何使用JavaScript进行验证？

0 个答案: