Question

我正在使用jQuery 1.9.1和jQuery Mobile 1.3.1，我有这样的HTML：

        <p>
            How many days did your menstrual cycle last?
            <select id="menstrualCycle" onclick="changeFunc('menstrualCycle')">
                <option value="3">3</option>
                <option value="4">4</option>
                <option value="5">5</option>
                <option value="6">6</option>
                <option value="7">7</option>
            </select>
        </p>

然后我有一个像这样的JS：

function changeFunc(select) {
    var selectBox = document.getElementById(select);
    var selectedValue = selectBox.options[selectBox.selectedIndex].value;

    if (select == 'monthCycle') {
        monthDays = selectedValue;
        console.log("Month value is: " + monthDays);
    } else if (select == 'menstrualCycle') {
        menstrualDays = selectedValue;
        console.log("Menstrual value is: " + menstrualDays);
    } else if (select == 'lutealPhase') {
        lutealValue = selectedValue;
        console.log("Luteal value is: " + lutealValue);
    }
}

关键是我通过单击选项或选择其他选项来获取值。但是当页面打开时，我的页面ID是＆＃34; ovulInfoPicker＆＃34;，通过defualt它不会得到第一个值。我希望默认情况下获取第一个值，而不更改值或按下otions。

Answer 1

以编程方式触发更改事件：http://api.jquery.com/trigger。

$('#id1, #id2, #id3').trigger('change');

您将触发将执行事件处理程序而无需实际用户交互的事件。

Answer 2

<option value="3" selected="selected">3</option>

如何在jQuery中默认获取第一个HTML选项的值？

2 个答案: