无法使用jquery选择的插件设置选择的值

Question

我正在使用jquery中选定的插件，并且想从我的选择菜单中获得选定的值选项。在我的源代码中，它显示了以前从数据库中选择的选项。但是所选的选项没有出现。

这是我的脚本：

<script type="text/javascript">
var selectedDistrict = 0;
$(document).ready(function () {
    $('#class_of_my_select').chosen();
    $("#class_of_my_select").change(function () {
        selectedDistrict = $("#class_of_my_select").val();
        $("#class_of_my_select").trigger("chosen:updated").val(selectedDistrict);  
    });
});

这是我的表格：

form.php

<select  style="width: 390px;display: inline-block;" class="input-sm form-control" name="class_of_my_select" id="class_of_my_select"  type="text">
     <option value=""></option>

     <?php foreach ($list as $key){ ?>

     <option value="<? echo $key->id; ?>" ><? echo $key->name; ?></option>

     <?}?>