Question

我开始编写代码了。如果我想让用户选择一个选项，然后必须记录存储他们选择的选项，我该怎么做？例如，如果我选择了选项7，我将如何让文档写入其值？非常感谢你的时间！

<p> What is your destination?
  <select>
      <option value="mercury">Mercury</option>
      <option value="venus">Venus</option>
      <option value="mars">Mars</option>
      <option value="jupiter">Jupiter</option>
      <option value="saturn">Saturn</option>
      <option value="uranus">Uranus</option>
      <option value="neptune">Neptune</option>
      <option value="pluto">Pluto</option>
  </select>
  <script type="text/javascript">
      var planets = new Array(Mercury, Venus, Mars, Jupiter, Saturn, Uranus, Neptune, Pluto);
      planets[0] = 48000000
      planets[1] = 25000000
      planets[2] = 33900000
      planets[3] = 365000000
      planets[4] = 1200000000
      planets[5] = 2600000000
      planets[6] = 2800000000
      planets[7] = 4600000000
  </script>
</p>

Answer 1

Firs为select元素提供id来查找它。然后你可以尝试这样的事情：

var elm = document.getElementById('selectBox');
var selectedOption = elm.options[elm.selectedIndex].value;

selectedOption将包含当前选定的值

Answer 2

希望这会有所帮助。我在select元素中添加了一个事件监听器onchange。

var planets = new Array();
planets['mercury'] = 48000000;
planets['venus']=25000000
planets['mars']=25000000
planets['jupiter']=33900000
planets['saturn']=365000000
planets['uranus']=1200000000
planets['neptune']=2600000000
planets['pluto']=2800000000

function selectDestination(selectedValue) {
  window.alert(selectedValue + " distance=" + planets[selectedValue]);
}

What is your destination?
        <select onchange="selectDestination(this.value)">
        <option value="mercury">Mercury</option>
        <option value="venus">Venus</option>
        <option value="mars">Mars</option>
        <option value="jupiter">Jupiter</option>
        <option value="saturn">Saturn</option>
        <option value="uranus">Uranus</option>
        <option value="neptune">Neptune</option>
        <option value="pluto">Pluto</option>
        </select>

Answer 3

首先，它已存储在文档中（单击选择选项！对吗？）您选择的内容。

因此，您不需要在其他文档中存储您选择的数据选项。

那么，让我们来看看用户选择的选项吧！

$( "select option:selected" ).text();

如果用户选择了某个选项，则会将“selected”javascript属性添加到该选项元素中。并且jQuery可以搜索添加了“selected”属性的元素。并获取该元素的文本。

容易！

如果你不使用jQuery，纯javascript可以做同样的工作

var e = document.getElementById("#idOfSelectElement");
var selectedData = e.options[e.selectedIndex].value;

如何从html中的select元素中选择选项并在js中使用它？

3 个答案: