javascript - jQuery 中的更改/每个问题

Question

试图做一些搜索无济于事:(

我在使用 jQuery 中的每个循环时遇到问题。它应该检测选择中的变化，然后使用选择的值，运行循环，如果 data-cid 属性值等于选择的值，那么它应该显示带有数据 cid 的 div属性。但是我不断收到未定义的错误。

HTML

<div class="form-row">
    <label for="community">Select A Community</label>
    <select name="community" id="community" class="selectInput">
        <option value="0">No Community</option>
           <?php foreach ($communities as $c): ?>
                <option value="<?php echo $c->getcID(); ?>">
                      <?php echo $c->getName(); ?>
                </option>
           <?php endforeach; ?>
    </select>
</div>
<div class="form-row">
    <?php foreach ($communities as $c): ?>
        <div class="community-display" data-cid=<?=$c->getcID(); ?>>
            <div class="name">
                <?=$c->getName(); ?>
            </div>
            <div class="address">
                <?=$c->getAddress(); ?><br />
                <?=$c->getCity() . " " . $c->getState() . " " . $c->getZip(); ?>
            </div>
            <div class="contact">
                <?=$c->getPhone(); ?><br />
                <?=$c->getEmail(); ?>
            </div>
        </div>
    <?php endforeach; ?>
</div>

查询

<script>
$(document).ready(function(){
    $('#community').change(function(){
        $('.community-display').hide();
        $('.community-display').each(function(){
             if ($(this).data('cid').val() == $('#community').val()){
                 $(this).show();
            }
        });
    });
});
</script>

编辑:包括 JSFiddle，错误是类型错误，只是不确定在哪里 http://jsfiddle.net/cj6st8y4/

Answer 1

这是你需要的:

$(document).ready(function(){
    $('#community').change(function(){
        $('.community-display').hide()
        .filter('[data-cid=' + this.value + ']').show()
    });
});