Question

   <select id="monthSelect" name="month">
        <option value="1" selected="selected">January</option>
        <option value="2">February</option>
        <option value="3">March</option>
   </select>
<script type="text/javascrip">
  var selectedMonth = month.options[index].value;
  alert(selectedMonth);
</script>

为什么没有出现警报？我试图理解JS的基本概念。

Answer 1

您的脚本类型末尾似乎缺少“t”。

<script type="text/javascript">

而不是

<script type="text/javascrip">

Answer 2

有些事情是不正确的。目前，您的month和index变量未定义。

使用text/javascript（或只是跳过它）
按ID ID
使用selectedIndex

这是一个工作样本：

<select id="monthSelect" name="month">
    <option value="1" selected="selected">January</option>
    <option value="2">February</option>
    <option value="3">March</option>
</select>
<script type="text/javascript">
    var e = document.getElementById('monthSelect')
    var i = e.selectedIndex;
    var selectedMonth = e.options[i].value;
    alert(selectedMonth);
</script>

或者，您可以在火灾的更改事件时调用警报：

<select id="monthSelect" name="month" onchange="alert(this.value)">

或者您甚至可以将值传递给您自己的自定义函数：

<select id="monthSelect" name="month" onchange="MyFunction(this.value)">
<script>
    function MyFunction(val) {
        alert(val);
    }
</script>

Answer 3

<script type="text/javascript">
var e=document.getElementById("monthSelect");
var selectedMonth =e.options[e.selectedIndex].value;
alert(selectedMonth);
</script>

Answer 4

根据我的理解，你必须在下拉的变更事件上调用一个函数。使用它正在运行的以下代码。

<script type="text/javascript">
    function GetIndex() {
        var ddlValue = document.getElementById('monthSelect');

        var index = ddlValue.value;

        alert(index);
    }
</script>

<select id="monthSelect" name="month" onchange="GetIndex()">
    <option value="1" selected="selected">January</option>
    <option value="2">February</option>
    <option value="3">March</option>
</select>

为什么没有警报框出现？

4 个答案: