如何在jQuery中默认获取第一个HTML选项的值
How to get the value of the first HTML option by default in jQuery?
我使用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是"ovulInfoPicker",默认情况下它不会获得第一个值。我想在默认情况下获得第一个值,而不改变值或按下选项。
以编程方式触发变更事件:http://api.jquery.com/trigger.
$('#id1, #id2, #id3').trigger('change');
触发事件,该事件将在没有实际用户交互的情况下执行事件处理程序。
<option value="3" selected="selected">3</option>
相关文章:
- 我的设备后退按钮工作不正常,它转到第一个html,但返回到第二个html
- 只获取HTML元素的第一个类
- 在ajax html返回中调用ajax会阻止第一个ajax脚本进一步工作
- 如果第二个 html 元素位于第一个 html 元素上方,如何移动该元素
- 在 javascript 中创建第二个 html 元素会删除第一个
- 使用 javascript 和正则表达式删除 HTML 字符串中的第一个 img 标记
- html嵌套表通过单击表行第一个td来隐藏或显示表行
- 使用DOM从第二个HTML表中提取数据,忽略第一个表
- 使用jquery获取文本字段的第一个html下拉值
- Jquery html传递一个值作为第三个参数
- 使用脚本查找文本字符串,直到第一个html标记
- 登录在第一个HTML自动重定向和登录到第二个HTML传递值从第一个HTML
- 从字符串列表中删除所有html标记,除了第一个
- 如何在jQuery中默认获取第一个HTML选项的值
- AngularJS,我的第一个html组件"widget"
- 获取第一个h1标题,并在新选项卡中打开
h1.html - 删除html文档中的第一个DIV标签
- 如何获得第一个的id
& lt; tbody>在HTML表格中使用jQuery - HTML中的TAB:默认选择第一个TAB
- HTML张贴数组只张贴第一个值