Javascript 用Jquery调用填充Listbox onClick两次

我有这个下拉列表框

<select name="ddlViewBy" id="ddlViewBy" style="width: 143px;">
        <option style="display:none" value="0">Add Song to Playlist</option>
        <?php foreach ($selothers as $rowsothers) {
            $addvideoname = $rowsothers['name'];
            $addvideoid = $rowsothers['id'];
            echo '<option value="'.$addvideoid.'">'.$addvideoname.'</option>';
        }
?> </select>

我还运行一个脚本，在单击时用新数据填充它

<script>
    $("select#ddlViewBy").click(function () {
        $.ajax({
            type: "POST",
            url: "getndata.php",
            cache: false,
            success: function (html) {
               $('#ddlViewBy').html(html);
            }
        });
    }); 
</script>

ajax调用工作正常，我在单击时收到新数据。

---

虽然当我选择一个时，它会再次执行ajax调用，因此会将第一个作为所选项。

我通过扩展with:onFocus=函数使其工作

---

并将javascript放在一个没有。单击

的函数中作为旁注，不要在id选择器前面使用标记名，就像这里的：selectddlViewBy。Id是唯一的，因此应始终使用ddlViewBy。