0

我正在使用 JQuery Chosen 来选择许多标签

这是我的代码

                <tr>                        
                    <td>Category</td>
                        <td> 
                        <select onchange="showUser(this.value)" name="mySelect"   style="width:350px;" > 
                            <?php $result= mysql_query('SELECT DISTINCT category  FROM demo_tags'); ?> 
                            <?php while($row= mysql_fetch_assoc($result)) { ?> 
                                <option value="<?php echo htmlspecialchars($row['category']);?>"> 
                                    <?php echo htmlspecialchars($row['category']); ?> 
                                </option> 
                            <?php } ?> 
                        </select> 
                    </td>
            </tr>   




                <!-- tags workspace ----------------------- -->

                <tr>                        
                    <td>Tags</td>
                        <td id = "getit">   
                             <select id ="hi" data-placeholder="Choose a tag" class="chzn-select" multiple style="width:350px;" tabindex="4">
                                  <option value=""></option> 
                                  <option value="United States">United States</option> 
                        </select>
                    </td>
            </tr>   

                <!-- -      Tags Workspace ends  -->

在上面的代码中，我有两个选择框，一个用于类别选择，第二个用于标签选择

标签值取决于类别平均值如果我选择医疗类别标签的选项将来自数据库

所以我正在使用 showUser() 进行 Ajax 调用，例如

    <script>
    function showUser(val){
        alert(val);
        var dataString = 'cat='+ val;
            $.ajax
            ({
                type: "GET",
                url: "http://localhost/UI/user/taggin.php",
                data: dataString,
                cache: false,

                success: function(html)
                    {
                    alert(html);
                    $("#getit").html(html);

                    }
            });
            alert("somthing happning");
        }
    </script>

这个 ajax 调用正在返回类似的数据

<select  data-placeholder="Choose a tag" class="chzn-select" multiple style="width:350px;" tabindex="4"><option value="dentist">dentist</option></select>

现在我将此 html 返回附加到 tr id getit

但 css 属性不适用于数据库填充值

请告诉我应该怎么做才能让我的数据库填充标签看起来像选择的 Jquery

4

1 回答 1

0

修改 DOM 后，您必须$('.chzn-select').chosen()再次调用以使插件对新元素进行操作。

于 2012-08-30T06:58:33.097 回答