下拉列表显示CSS HTML中的用户的图像和名称

var users = [
  { name: "User 1", image: "user1.jpg" },
  { name: "User 2", image: "user2.jpg" },
  { name: "User 3", image: "user3.jpg" }
];

<select id="userDropdown"></select>

var dropdown = document.getElementById("userDropdown");

users.forEach(function(user) {
  var option = document.createElement("option");
  option.text = user.name;
  option.value = user.image;
  dropdown.add(option);
});

#userDropdown {
  appearance: none;
  background-image: url("default.jpg");
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 30px;
}

dropdown.addEventListener("change", function() {
  var selectedUser = users[dropdown.selectedIndex];
  var selectedImage = selectedUser.image;
  var selectedName = selectedUser.name;

  // 进行相应的操作，例如显示选中的图像和名称
  // ...
});