javascript - 选择有空值

Question

我有一个“选择”:

<select class="date-select2" name="date">
    <option selected="selected" value="">All</option>
    <option value="11-2015">11-2015</option>
    <option value="10-2015">10-2015</option>
    <option value="09-2015">09-2015</option>
    <option value="07-2015">07-2015</option>
    <option value="06-2015">06-2015</option>
    <option value="04-2015">04-2015</option>
    <option value="03-2015">03-2015</option>
</select>

当我尝试获取 select 的值时，

document.getElementsByClassName('date-select2')[0].value

它通常会返回 Chrome 中所选项目的值。在 FF 和 Safari 中，当选择数值(不是“全部”)时，有时会返回空字符串。 怎么处理？

Answer 1

我认为这可能对您有帮助:

HTML

<select class="date-select2" name="date" onchange="myFunction(this.value)">
    <option selected="selected" value="">All</option>
    <option value="11-2015">11-2015</option>
    <option value="10-2015">10-2015</option>
    <option value="09-2015">09-2015</option>
    <option value="07-2015">07-2015</option>
    <option value="06-2015">06-2015</option>
    <option value="04-2015">04-2015</option>
    <option value="03-2015">03-2015</option>
</select>

JavaScript

function myFunction(curValue) {
    alert(curValue);
}

Working : Fiddle

Note: Also remember to put your JavaScript code inside body also right before it ends.