要使追加的列表项被选中，您可以使用以下代码示例中的方法：

HTML代码：

  
Item 1
  
Item 2
  
Item 3


Add Item

JavaScript代码：

function addItem() {
  var newItem = document.createElement("li");
  newItem.innerHTML = "New Item";
  document.getElementById("myList").appendChild(newItem);
  
  // 添加选中效果
  newItem.addEventListener("click", function() {
    var selectedItems = document.getElementsByClassName("selected");
    // 移除其他已选中的项的选中效果
    for (var i = 0; i < selectedItems.length; i++) {
      selectedItems[i].classList.remove("selected");
    }
    // 添加当前选中项的选中效果
    this.classList.add("selected");
  });
}

CSS代码：

.selected {
  background-color: yellow;
  font-weight: bold;
}

在上述代码中，我们首先在HTML中创建一个列表

，其中包含三个列表项
• 。然后我们创建一个按钮，通过点击按钮向列表中添加一个新的列表项。

  当点击新的列表项时，会触发addItem函数。在这个函数中，我们首先创建一个新的列表项newItem，并将其添加到

  中。接下来，我们为新的列表项添加一个事件监听器，当它被点击时，会执行相关的代码。

  在事件监听器中，我们首先获取到具有selected类名的元素，然后使用循环将其从已选中项中移除。接下来，我们将当前选中的列表项添加selected类名，这样它就会具有选中的效果。

  最后，我们在CSS中定义了.selected类名的样式，用于给选中项添加背景色和加粗字体等效果。

  通过这种方式，您可以使用Ajax动态添加的列表项，并在用户点击时使其被选中。