在多选框中选择的值应显示在同一页面中，而不单击提交按钮

。

答：要实现在多选框中选择的值显示在同一页面中，而不需要单击提交按钮，可以通过前端开发技术来实现。以下是一种可能的实现方式：

HTML：使用HTML的<input>标签创建多选框，并为每个选项指定一个唯一的value值，例如：

<input type="checkbox" name="option" value="option1"> Option 1
<input type="checkbox" name="option" value="option2"> Option 2
<input type="checkbox" name="option" value="option3"> Option 3

JavaScript：使用JavaScript来监听多选框的变化，并将选中的值显示在页面中的某个元素中，例如一个<div>标签。可以使用事件监听器（如addEventListener）来监听多选框的change事件，然后在事件处理函数中获取选中的值，并将其显示在页面中。

<div id="selectedOptions"></div>

<script>
  const checkboxes = document.querySelectorAll('input[name="option"]');
  const selectedOptionsDiv = document.getElementById('selectedOptions');

  checkboxes.forEach(checkbox => {
    checkbox.addEventListener('change', () => {
      const selectedOptions = Array.from(checkboxes)
        .filter(checkbox => checkbox.checked)
        .map(checkbox => checkbox.value);

      selectedOptionsDiv.textContent = selectedOptions.join(', ');
    });
  });
</script>

上述代码中，通过querySelectorAll选择所有name属性为"option"的多选框，并使用addEventListener为每个多选框添加change事件监听器。在事件处理函数中，使用Array.from将多选框集合转换为数组，然后使用filter方法过滤出选中的多选框，再使用map方法获取选中的值。最后，将选中的值使用join方法连接成字符串，并将其赋值给selectedOptionsDiv的textContent属性，从而在页面中显示选中的值。

这种实现方式可以实时地将选中的值显示在页面中，而不需要单击提交按钮。同时，可以根据具体需求进行样式美化和功能扩展。

腾讯云相关产品推荐：腾讯云云服务器（CVM）是一种可弹性伸缩的云计算基础服务，提供了丰富的计算资源和网络配置选项，适用于各种应用场景。您可以通过腾讯云控制台或API创建和管理云服务器实例，用于部署和运行您的应用程序。了解更多信息，请访问腾讯云云服务器产品介绍页面：腾讯云云服务器。