如何从select标记中获取值并将参数赋给javascript函数？

我想给javascript函数一个参数。并在功能中通过参数显示电话号码

<select>
    <option value="name-kate">Kate</option>
    <option value="name-john">John</option>
</select>

<button onclick="getNumber()"> Show me number </button>

<p id="numbers"</p>

<script>
  function getNumber(){

var x = document.getElementById("value-number").value
document.getElementById("numbers").innerHTML=x
  }
</script>

凯特
约翰
给我看看电话号码
如果我理解正确：


函数getNumber（phoneNumber）{
var x=document.getElementById（“值编号”）.value；
document.getElementById（“数字”）.innerHTML=电话号码；
}

凯特
约翰
给我看看电话号码
HTML中没有id为
value number
的元素！那么@DhavalMarthak先生，我怎样才能将这个select的标记用于javascript函数呢？我必须把身份证放在哪里？不，我的意思是当我从选取者中选择时，比如凯特。在功能与开关的情况下，我想显示她number@bekanur98检查我的第二个代码，看看是否适合你。我不认为你需要把开关盒，我只是认为你应该把选择选项的值作为你想要的数字show@bekanur98当然，没问题！如果你认为这是正确的答案，请接受它：D谢谢