HTML标记选择选项值返回为undefined

Question

当我尝试打印在<div>标记中选择的选项的值时，结果是未定义。 这是html代码：

<div id="locations">
</div>

<button id="button" onclick="showSensors()">Show sensors in the city</button>

<p>Sensors in City: <span id="sensorsInCity"></span></p>

<div>元素中的选项是通过php脚本创建的，如下所示：

echo '<select id="selectCity">';
  foreach($resp as $sensor)
  {
    echo '<option value=' . $sensor['id'] . '>' . $sensor['id'] . '</option>';
  }
  echo '</select>';

此代码是正确的，因为它们在浏览器和检查器上都很好地显示为可供选择的选项。 这是我用来获取所选选项的javascript代码：

<script>
function showSensors(){
    var option = document.getElementById("selectCity").text;
    console.log(option);
    document.getElementById("sensorsInCity").innerHTML = "";
    var xhttp;
    xhttp = new XMLHttpRequest();
    xhttp.onreadystatechange = function() {
        if (this.readyState == 4 && this.status == 200) {
            document.getElementById("sensorsInCity").innerHTML = this.responseText;
        }
    };
    xhttp.open("GET", "sparql.php?q="+option, true);
    xhttp.send();
}
</script>

我正在尝试将其发送到另一个php脚本，但是当我console.log时，我得到了undefined