Возможность отображения HTML-сайта

Вы также можете использовать PHP.

JavaScript будет работать на компьютере, а PHP - на сервере. Если вы не хотите, чтобы пользователь читал ваш код; не используйте JavaScript ..

Пример с PHP:

<form method="POST">
    <select id="frisdrank" name="selection">
        <option value="Cola"> Cola </option>
        <option value="Fanta"> Fanta </option>
        <option value="spuitwater"> spuitwater </option>
        <option value="chocolademelk"> chocolademelk </option>
    </select>

    <input id="OK" type="submit" value="OK">
</form>

<?php
    if(isset($_POST['selection'])){
        echo "You have selected".$_POST['selection'];
    }
?>

(echo распечатает результат, а $_POST - переменная)

Чтобы PHP работал на вашем компьютере, вам нужно будет создать локальный сервер (или вы можете загрузить код на сервер).

Пожалуйста, сравните языки Прочтите здесь

Попробуй это

<p>Kies de frisdrank:</p>
<select id="frisdrank">
    <option value="Cola">Cola</option>
    <option value="Fanta">Fanta</option>
    <option value="spuitwater">spuitwater</option>
    <option value="chocolademelk">chocolademelk</option>
</select>
<input id="OK" type="button" value="OK" onclick="foo()">
<div id="frisdrankSelected"></div>
    <script>
        function foo() {
        var e = document.getElementById("frisdrank");
        var strUser = e.options[e.selectedIndex].value;
        document.getElementById("frisdrankSelected").innerHTML = strUser;
        }
    </script>

Функция foo заменит содержимое div на id frisdrankSelected с текстом, выбранным из раскрывающегося списка

Вот jsfiddle, чтобы проверить это: https://jsfiddle.net/m4mphbgc/

Просто чтобы объяснить
1. onclick=, чтобы прикрепить событие onClick к вашей кнопке, и оно запустит функцию внутри onClick, в данном случае myFunction.
2. используйте getElementById, чтобы получить нужный элемент
3. используйте .value, чтобы получить значение выбранной опции.
4. Вы можете использовать это значение, как хотите. используйте innerHTML для размещения в теле.

function myFunction() {
  var selectElement = document.getElementById('selectId');
  var selectValue = selectElement.value;
  alert(selectValue);
}

<select id='selectId'>
  <option>1</option>
  <option>2</option>
</select>
<button id='buttonId' onclick='myFunction();'>click</button>

Предлагаю вам попробовать jQuery:

$("#OK").click(function() {
    $("#value").text($("#frisdrank").val());
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<p>Kies de frisdrank:</p>
<select id="frisdrank">
    <option value="Cola"> Cola </option>
    <option value="Fanta"> Fanta </option>
    <option value="spuitwater"> spuitwater </option>
    <option value="chocolademelk"> chocolademelk </option>
</select>
<input id="OK" type="button" value="OK">
    <span id="value"></span>