
var str1 ;
var myCheckbox1 = documentgetElementsByName("taskCrcletime");
for(var i=0;i<myCheckbox1length;i++){
if(myCheckbox1[i]value == 4){
str1 += myCheckbox1[i]value;
documentgetElementsByName("taskCrcletime")checked = true;
}
}
1、双击打开HBuilder编辑工具,新建静态页面并引入AngularJS核心文件。
2、在<body></body>插入一个div标签元素,然后在div标签内插入select标签元素。
3、调用AngularJS中的module和controller,初始化下拉框的值。
4、利用ID选择器设置下拉框的样式布局,设置宽度、高度、字体属性、圆角和背景渐变。
5、在select标签元素上添加ng-change事件,获取下拉框选中时的文本内容。
var obj = documentgetElementById("n1"); // 这里也可以写成var obj = documentgetElementByName("n1");var arrText = new Array();var arrValue = new Array();
for(var i = 0; i < objoptionslength; i++) {
arrText [arrText length] = objoptions[i]text; arrValue[arrValuelength] = objoptions[i]value;
}arrText 就是所有的TextarrValue就是所有的Value
在你的代码后添加下面代码,就可以在修改select选择后,得到每个select中的值了。
<div id="output_div"></div>
<script type="text/javascript">
$(function(){
output_func();
$("select")change(output_func);
});
function output_func(){
var str="输出显示为:<br>";
$("tr")each(function(){
$(this)find("td")each(function(){
str+="<span style='border:1px solid blue;'>"+$(this)find("select")val()+"</span> ";
});
str+="<br>";
});
$("#output_div")html("<br>" + str);
}
</script>
<body>
<input type="button" onclick="aShow()" value="取值" />
<select class="easyui-combobox" data-options="valueField:'id',textField:'text',panelHeight:'auto'" name="timeinterval" id="timeinterval">
<option value="0">天</option>
<option value="1">时</option>
<option value="2">分</option>
</select>
</body>
<script>
function aShow(){
alert($("easyui-combobox option:selected")val());
var myselect = documentgetElementById("timeinterval");
var index = myselectselectedIndex;
alert(myselectoptions[index]value);
}
</script>
测试了一下,这两种方式都可以取到值,你会浏览器的调试吗,看下是否页面报错?
以上就是关于JS 如何获取SELECT标签下value值等于4的option 并且让此option处于选中状态 只支持javascript全部的内容,包括:JS 如何获取SELECT标签下value值等于4的option 并且让此option处于选中状态 只支持javascript、js如何获取下拉框选中项的文本、通过js来获取select的全部值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)