javascript - jQuery 显示和隐藏取决于 C.I 下拉列表中的值

Question

在单个 View 中工作，我有以下 C.I form_dropdown:

<?php
$international_options = array(
    '0' => lang('No'),
    '1' => lang('Yes')
);
echo form_dropdown('International', $international_options, set_value('International', isset($stockists->International) ? $stockists->International : 0), 'class="span4 selectpicker international"');
?>

我有以下文件 uploader :

<label class="flagupload" for="filename">Upload an image flag</label>
<input class='flagupload' type='file' name='filename' size='20' />

在同一 View (在 View 底部)上，我有以下脚本:

<script>
    $(document).ready(function() {
        $("#select.international").change(function() {
            if ($('#select option:selected').text() == "yes") {
                $('.flagupload').show();
            }
            else if ($('#select option:selected').text() == "no") {
                $('.flagupload').hide();
            }
        });
    });
</script>

如果下拉列表设置为“否”，则会尝试隐藏 flagupload 的实例；如果下拉列表设置为"is"，则会隐藏该类。

目前这不起作用，但也不会出错。谁能发现问题吗？

下拉菜单的 HTML 标记如下:

<select name="International" class="span4 selectpicker international">
<option value="0">No</option>
<option value="1" selected="selected">Yes</option>
</select>

Answer 1

使用下面的短代码。

<script>
   $(document).ready(function() {
       $("select.international").change(function() {
           $('.flagupload').addClass('hide'); 
           if ($(this).val() == "1") {
               $('.flagupload').removeClass('hide');
           }
       });
   });
</script>
<style>
   .hide
   {
        display:none ;
   }
</style>
<select name="International" class="span4 selectpicker international">
   <option value="0">No</option>
   <option value="1" selected="selected">Yes</option>
</select>
<label class="flagupload hide" for="filename">Upload an image flag</label>
<input class="flagupload hide" type='file' name='filename' size='20' />