Question

我有这个脚本（我是新手，因此我对术语不是很熟悉）。 如果您能以更好的方式对其进行改写，请随时修改问题。

<script>
            var counter=0;
            var oldJSON = null;

            setInterval(function() { 
                    var mycounter=0;
                    $.getJSON('mydata.json', function(data) { 
                            if(JSON.stringify(oldJSON) != JSON.stringify(data)){ 
                                $("#notifications").html("");
                                $("#notifications").append("<option style=display:none></option>")
                                $.each(data.items, function(i, v) {
                                        counter= counter + 1;  
                                        document.getElementById('test').innerHTML=counter ;
                                        $('#notifications').append('<option value="' + v.type + '">' + v.type +"->"+ v.text +"->"+v.pnr+ '</option>');

                                        ;});
                            }
                            oldJSON = data;

                    }); 
                },2000);

        </script>

它从JSON文件中获取数据，并将其附加到#notifications这是一个下拉元素。

我想要创建的是Facebook类型通知下拉列表。

这是我的HTML：

<div class="hello">
        <select id="notifications" style="background-image:url(live_data.jpg);" ></select>
        </div>
    <div id="test" style="color:red;margin-left:90px;font-size: 15px;font-family: arial;"></div>

现在，正如您可能已经看到的那样，我在下拉列表中添加了一个空白项目，以便清除旧数据。

现在问题在于：当我清除此数据时，第一个元素进入图像（重叠）。我为它添加了一个空项目（不是很好的方式，我知道......这里也欢迎提出建议）。但事情是，当我选择它们中的任何一个时，它会重叠到图像上。

任何帮助或建议都可以......提前感谢。

我愿意接受建议，如果有其他方法可以做到这一点

选择项目时，标题不应更改

0 个答案: