Question

我使用JS selectbox 0.2 min.js运行PHP。我有一个地址表，我想这样工作。第一次下拉显示国家/地区。如果选择美国或加拿大，则会显示这些国家/地区的州下拉列表。如果没有，它会隐藏状态下拉并生成一个输入框，您可以在其中输入州/地区/等。

以下代码（以及我发现的许多类似代码段）在jsfiddle中运行，但是我无法让它在我的脚本中正常工作 - 它不会取消隐藏ca box1，box1或任何box1。显示：在每种情况下都不存在。我相信这与页面上其他地方使用的选择框有关，可能会覆盖css，但我不确定。

感谢您的帮助。

<?php if(!$this->address) { ?>
    <div class="address_layout">
        <?php $ind = 0;?>
        <?php foreach($this->addresses as $address) { ?>
            <!-- current address(es) -->
            <div id="address_<?php echo $ind; ?>" style="display:none;">

        <div>
            <select id="country">
                <option value="">choose country</option>
                <option value="ca">Canada</option>
                <option value="us">USA</option>
                <option value="mx">Mexico</option>
                <option value="Albania">Albania</option>
                <option value="Aruba">Aruba</option>
            </select>
        </div>
        <div style="display:none;" class="ca box1">
            <strong>Canada  Province Select Box...</strong>
            <br />
            <select>
                <option>canada 1</option>
                <option>canada 2</option>
                <option>canada 3</option>
            </select>
        </div>
        <div style="display:none;" class="us box1">
            <strong>United States State Select Box</strong>
            <br />
            <select>
                <option>usa 1</option>
                <option>usa 2</option>
                <option>usa 3</option>
            </select>
        </div>
        <div style="display:none;" class="any box1">Enter your Region:
            <br />
            <input name="state" type="text" />
        </div>
    <?php } ?>
</div>
<?php } ?>





    <script type="text/javascript">
        $("#country").change(function(){
            $(".box1").hide();
            $("." + this.value).toggle(['ca','us'].indexOf(this.value)!=-1);
            $(".any").toggle(['ca','us'].indexOf(this.value)==-1);
        });
    </script>

State / Country jquery下拉不使用selectbox 0.2 min.js

0 个答案: