如何从 select 标记中获取值并将参数提供给 javascript 函数？答案

【问题标题】：How can I take value from select tag and give to parametres to javascript function?如何从 select 标记中获取值并将参数提供给 javascript 函数？
【发布时间】：2019-08-05 11:36:24
【问题描述】：

我想给 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>

【问题讨论】：

您的 HTML 中没有 id 为 value-number 的元素！
so mr @DhavalMarthak 如何将此选择的标签用于 javascript 函数？我必须把 id 放在哪里？

标签： javascript html button tags

【解决方案1】：

如果我理解正确：

function getNumber(phoneNumber){
    var x = document.getElementById("value-number").value;
    document.getElementById("numbers").innerHTML=phoneNumber;
}

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

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

<p id="numbers"</p>

但我认为你想要的是这样的：

function getNumber(phoneNumber){
    var x = document.getElementById("value-number").value;
    document.getElementById("numbers").innerHTML=x;
}

<select id="value-number">
    <option value="9283746">Kate</option>
    <option value="+369874521364">John</option>
</select>

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

<p id="numbers"</p>

【讨论】：

不，我的意思是当我从选择器中选择时，例如 Kate。在带有开关盒的功能中，我想显示她的号码
@bekanur98 检查我的第二个代码，看看是否适合你。我认为您不需要放置开关盒，我只是认为您应该将选择选项的值作为您要显示的数字
@bekanur98 当然，没问题！如果您认为这是正确的答案，请接受它：D 谢谢