页面上有一文本框，可以输入文本，还有一按钮，单击时可以将文本框的内容添加下拉列表中。若文本框没有内容，添加时会给出提示“请输入内容”，若要添加的内容已经在列表中，也需要提醒“已有”并将焦点定位至文本框。

这是一个简单的前端交互问题，您需要使用HTML、CSS和JavaScript来实现这个功能。以下是实现的步骤：

1. 在页面中添加一个文本框和按钮，用于输入和添加内容。
2. 添加一个下拉列表，用于显示已添加的内容。
3. 使用JavaScript监听按钮的单击事件。
4. 在事件处理程序中，获取文本框中的值。
5. 判断文本框中是否有值，如果没有，弹出提示框“请输入内容”。
6. 如果文本框中有值，则判断该值是否已存在于下拉列表中。
7. 如果值已存在于下拉列表中，弹出提示框“已有”，并将焦点定位至文本框。
8. 如果值不存在于下拉列表中，将其添加到下拉列表中。

实现代码如下：

HTML部分：

<input type="text" id="inputText">
<button onclick="addToList()">添加</button>
<select id="list"></select>

JavaScript部分：

function addToList() {
  var input = document.getElementById("inputText");
  var list = document.getElementById("list");
  var option = document.createElement("option");
  var isExist = false;
  
  if (input.value.trim() === "") {
    alert("请输入内容");
    input.focus();
    return;
  }
  
  for (var i = 0; i < list.options.length; i++) {
    if (list.options[i].value === input.value.trim()) {
      isExist = true;
      break;
    }
  }
  
  if (isExist) {
    alert("已有");
    input.focus();
    return;
  }
  
  option.text = input.value.trim();
  list.add(option);
  input.value = "";
}

这段代码实现了上述步骤中的逻辑，您可以将其复制到您的网页中进行测试。