jQuery下拉过滤器:未捕获的TypeError:“#ID” .val不是函数

时间:2019-05-14 13:58:14

标签: jquery dropdown

我正在编写一个代码,其中合并了先前选择问题中的选择内容,以过滤并填充我的依赖下拉列表。

但是,我被困在代码中的一个点上,该点用于通过将前面的问题选择的值与两者之间的“。”(点)连接起来进行过滤。

代码:

My kafka connect configuration    
bootstrap.servers=localhost:9092
    group.id=connect-cluster
    key.converter=io.confluent.connect.avro.AvroConverter
    key.converter.schema.registry.url=http://localhost:8081
    value.converter=io.confluent.connect.avro.AvroConverter
    value.converter.schema.registry.url=http://localhost:8081
    avro.compatibility.level=none
    auto.register.schemas=true
    config.storage.topic=connect-configs
    offset.storage.topic=connect-offsets
    status.storage.topic=connect-statuses
    config.storage.replication.factor=1
    offset.storage.replication.factor=1
    status.storage.replication.factor=1
    internal.key.converter=org.apache.kafka.connect.json.JsonConverter
    internal.value.converter=org.apache.kafka.connect.json.JsonConverter
    internal.key.converter.schemas.enable=false
    internal.value.converter.schemas.enable=false
    rest.host.name=kafka01.xxxxxxxxx.com
    rest.port=8083
    plugin.path=xxx/kafka/confluent-5.2.1/share/java,xxxx/kafka/confluent-5.2.1/share/java
    producer.interceptor.classes=io.confluent.monitoring.clients.interceptor.MonitoringProducerInterceptor
    consumer.interceptor.classes=io.confluent.monitoring.clients.interceptor.MonitoringConsumerInterceptor

控制台错误:未捕获的类型错误: “#PhoneType” .val不是函数

请帮助,我无法前进,并且尝试了多次更改都无济于事。

找到整个JS小提琴的链接:https://jsfiddle.net/rk6gxu3d/

1 个答案:

答案 0 :(得分:0)

更改为:

    jQuery(document).ready(function($) {
    $("#SelectPhone").val([]);
    $('#SelectPhone option').hide();

$("#PhoneType").on("change", function() {
    if ( this.value == "FeaturePhone")
    {
    $('#FeaturePhone').show();

    $('#SelectPhone option')
    .hide()
    .filter('option[value^='+ '\"' + $("#PhoneType").val() + '.' + $('#FeaturePhoneFeature').val() + '.' + $('#AllPhoneFeature').val()+ '\"' + ']'+'').show();

    $("#SelectPhone").val([]);
    }
    else
    {
    $('#FeaturePhone').hide();

    $('#SelectPhone option')
    .hide()
    .filter('option[value^='+ '\"' + $("#PhoneType").val() + '.' + $('#AllPhoneFeature').val()+ '\"' + ']'+'').show();

    $("#SelectPhone").val([]);
    }
});

});