Question

我有一个条件，我有一个下拉菜单，有5个选项。点击任何选项，“fancybox”模式窗口打开。但我没有想要在点击“选项1”时打开fancybox。根据条件，我不能放置“选项1的值属性”。其他所有有价值属性。

    function openFB(focusAeraData, idData) {
    var userIdData = $("#userIdData").val();
    var focusAreaSelectBoxValue01 = $("#focusAera1").val();
    var focusAreaSelectBoxValue02 = $("#focusAeraFirst").val();
    var focusAreaSelectBoxValue03 = $("#focusAeraSecond").val();

    if ((focusAreaSelectBoxValue01 == focusAreaSelectBoxValue02 || focusAreaSelectBoxValue02 == focusAreaSelectBoxValue03)
            && idData == 2) {
        $("#focusAeraError2").html('Please Select different Focus');
        $("#focusAeraFirst").val('');
        $("#focusAreaContent2").html('');
        $('#foucusAreaLaunchURL2').html("");
        $('#focusAeraFirst>option:eq(0)').prop('selected', true);
        $("#focusAeraError3").html('');
        $("#focusAeraError1").html('');
    } else if ((focusAreaSelectBoxValue01 == focusAreaSelectBoxValue03 || focusAreaSelectBoxValue02 == focusAreaSelectBoxValue03)
            && idData == 3) {
        $("#focusAeraError3").html('Please Select different Focus');
        $("#focusAeraSecond").val('');
        $('#focusAeraSecond>option:eq(0)').prop('selected', true);
        $("#focusAeraError2").html('');
        $('#foucusAreaLaunchURL3').html("");
        $("#focusAreaContent3").html('');
        $("#focusAeraError1").html('');
    }

    else {

        $("#focusAeraError" + idData).html('');
        getValueDataRemove(idData);
        var OpenPOPUPURL = '../../pop_up/get_popup_scorecard?idData='
                + idData + '&focusAeraData=' + focusAeraData + '&userId='
                + userIdData;
        $.fancybox({
            autoSize : true,
            'maxWidth' : '35%',
            'minWidth' : '35%',
            'width' : '680',
            modal           : false,
            fitToView : true,
            'padding-bottom' : '5px',
            arrows : false,
            openEffect : 'fade',
            openSpeed : 'slow',
            closeEffect : 'fade',
            closeSpeed : 'slow',
            closeBtn : false, 
            href : OpenPOPUPURL, //Your form must have an action.
            type : 'ajax',
            'helpers' : { 
                'overlay' : {
                    'closeClick': false,
                }
            },
            ajax : {
                type : "GET",
                cache : false,
                data : $(this).serializeArray(),
            },
            scrolling : 'no',

            iframe : {
                scrolling : 'auto',
                preload : true
            }

        })

    }
}

Answer 1

如果你can't place "Value attribute for Option 1"，那么只检查是否有值，如果没有则跳过。例如：

if ( !focusAreaSelectBoxValue01 || !focusAreaSelectBoxValue02 || !focusAreaSelectBoxValue03 ) {
    return;
}

Answer 2

如果您想要打开fancybox，除非您更改为option1，那么您可以执行类似这样的操作

做了一个简单的例子，因为你的html没有发布。但是你明白了。您只需要在if条件

中插入fancybox

请参阅下面的代码段

$("select").on("change", function() {
  if (!this.selectedIndex == 0) {
    $(this).css({
      'color': 'red'
    })
  } else {
    $(this).css({
      'color': 'black'
    })
  }
})

<select>
<option>Option1</option>
<option>Option2</option>
<option>Option3</option>
<option>Option4</option>
<option>Option5</option>
</select>

单击特定下拉选项

2 个答案: