如果日期值特定于jQuery,则隐藏选择值

斯塔夫罗斯B

我有以下代码:

<div class="product-field product-field-type-D">
    <span class="product-fields-title-wrapper">
         <span class="product-fields-title"><strong>Delivery date</strong></span>
    </span>
    <span class="product-field-display">
    <span class="product_custom_date">
    <input class="datepicker-db" id="customProductData.140.7." type="hidden" name="customProductData[140][7]" value="">
    <input id="customProductData.140.7._text" class="datepicker hasDatepicker" type="text" value="-Ποτέ-">
    <span class="vmicon vmicon-16-logout icon-nofloat js-date-reset"></span></span></span>
</div>

<div class="product-field product-field-type-S">
    <span class="product-fields-title-wrapper">
    <span class="product-fields-title"><strong>Delivery hour</strong></span>
    </span>
    <span class="product-field-display">
    <select id="customProductData_140_662" name="customProductData[140][8][662]" class="vm-chzn-select chzn-done" style="display: none;">
    <option value="08.00-08.30">08.00-08.30</option>
    <option value="08.30-09.00">08.30-09.00</option>
    <option value="09.00-09.30">09.00-09.30</option>
    <option value="09.30-10.00">09.30-10.00</option>
    <option value="10.00-10.30">10.00-10.30</option>
    <option value="10.30-11.00">10.30-11.00</option>
    <option value="11.00-11.30">11.00-11.30</option>
    <option value="11.30-12.00">11.30-12.00</option>
    <option value="12.00-12.30">12.00-12.30</option>
    <option value="12.30-13.00">12.30-13.00</option>
    </select>
    <div id="customProductData_140_662_chzn" class="chzn-container chzn-container-single" style="width: 200px;">
    <a href="javascript:void(0)" class="chzn-single" tabindex="-1"><span>08.00-08.30</span><div><b></b></div></a>
    <div class="chzn-drop" style="left: -9000px; width: 198px; top: 25px;">
    <div class="chzn-search">
    <input type="text" autocomplete="off" tabindex="-1" style="width: 163px;">
    </div>
    <ul class="chzn-results">
    <li id="customProductData_140_662_chzn_o_0" class="active-result result-selected" style="">08.00-08.30</li>
    <li id="customProductData_140_662_chzn_o_1" class="active-result" style="">08.30-09.00</li>
    <li id="customProductData_140_662_chzn_o_2" class="active-result" style="">09.00-09.30</li>
    <li id="customProductData_140_662_chzn_o_3" class="active-result" style="">09.30-10.00</li>
    <li id="customProductData_140_662_chzn_o_4" class="active-result" style="">10.00-10.30</li>
    <li id="customProductData_140_662_chzn_o_5" class="active-result" style="">10.30-11.00</li>
    <li id="customProductData_140_662_chzn_o_6" class="active-result" style="">11.00-11.30</li>
    <li id="customProductData_140_662_chzn_o_7" class="active-result" style="">11.30-12.00</li>
    <li id="customProductData_140_662_chzn_o_8" class="active-result" style="">12.00-12.30</li>
    <li id="customProductData_140_662_chzn_o_9" class="inactive-result active-result" style="">12.30-13.00</li></ul></div></div>
    </span>
</div>

而且我想如果“交货日期”字段中的日期等于特定日期,则要隐藏“交货时间”字段中的最后一个值(12.30-13.00)。jquery有可能吗?

我尝试从此处遵循示例:隐藏基于第一个选项选择的选项值的选项选择值,但没有结果

编辑:从我的一些个人经验,我尝试了此没有结果:

<script>
$(document).ready(function(){
        $('.datepicker-db').on('change',function() {
            if($(this).val()== '30.04.2016'){
              $('.vm-chzn-select option[value="12.30-13.00"]').hide();
            }
            else{
                $('.vm-chzn-select option[value="12.30-13.00"]').show();
            }
        });
    });
    </script>

注意,我不能使用项的ID,而只能使用类,因为ID是动态生成的,并且每次都不相同

鄂州

此代码将为您提供帮助。我在您的网站(您之前提供的此链接)中检查了此代码。这段代码可以满足您的要求。

        function getElement(bHide){
        var timeStr = "12.30-13.00";
        var ele = jQuery('.vm-chzn-select option[value="'+timeStr+'"]').closest("select").siblings("div.chzn-container").find("ul>li");
        for(var index=0;index<ele.length;index++){
            if(jQuery(ele[index]).html() == timeStr)
            {
                if(bHide)
                    jQuery(ele[index]).hide();
                else
                    jQuery(ele[index]).show();
            }
        }
    }

    jQuery(".datepicker").datepicker().data("datepicker").settings["onSelect"] = function() {
        if (jQuery(this).val() == '30/04/2016') 
        {
            getElement(true);
        } else {
            getElement(false);
        }
    }

实际上,在上面的代码中,我写了一个函数来标识要隐藏的元素,因为要使用的下拉列表是ul-li元素,而不是select。

所以看看,让我知道。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如果选择了匹配值,则隐藏选项元素

当自定义属性值上的值为空时,隐藏特定于前视图的属性

如何调用隐藏从jQuery选择返回的值

如果使用jquery / javascript将url设置为特定值,如何隐藏和显示div?

如果选择选项值等于(jQuery)

如果选择的选项值为空,则隐藏提交按钮

如果选择的值为 SMTH,则跨度/隐藏输入

如果选择了单选按钮并且选择了选择值,则jQuery

使用 jQuery 选择时隐藏选择列表选项值

如果特定值而不是null,则隐藏JSON元素

ViewModel中特定于UI的值

从请求中排除特定于Laravel的值

hive 如何增加特定于条件的值?

MySQL:选择两个日期之间的日期值。如果日期/值不存在,则显示日期和值 0

隐藏特定的div在codeigniter中选择下拉值

按日期选择值

如何隐藏jquery选择的下拉列表框中的值?

jQuery隐藏选择中的选项一个空值

根据选择选项值 jQuery 显示隐藏 div

jQuery HTML“选择”隐藏值大于指定的选项

选择值删除了必需的属性并隐藏了Javascript / JQuery

jQuery的多个隐藏值

如果 ID 中的任何行包含特定值,则选择

将日期选择器值设置为特定页面

如何汇总行并选择特定日期的值?

选择一个特定值,如果不存在,则选择最小值

在特定的隐藏字段javascript / jquery上分配值

CSS的条件逻辑,如果使用ajax / jquery的选择字段(带有meta_key)具有特定值

离子选择值隐藏重复值

TOP 榜单

热门标签

归档