获取静态 selected的当前的value的值

最新推荐文章于 2021-02-25 12:58:26 发布
最新推荐文章于 2021-02-25 12:58:26 发布
阅读量97 收藏
点赞数
原文链接：http://www.cnblogs.com/c-x-a/p/6605740.html
版权

<!DOCTYPE html>
<html>
<head>
<script>
function checkField(val)
{
alert("输入值已更改。新值是：" + val);
}
</script>
</head>
<body>

<p>请修改输入字段中的文本，然后在字段外点击以触发 onchange。</p>

请输入文本：<input type="text" name="txt" value="Hello" οnchange="checkField(this.value)">
<select class="apply-form-control" name="applykbNo[]" id="selectData" οnchange="checkField(this.value)">

<option value="1">倒休</option>
<option value="10">早班</option>
<option value="11">事假</option>
<option value="12">病假</option>
<option value="13">加班</option>
<option value="2">年假</option>
<option value="3">婚假</option>
<option value="4">产假</option>
<option value="5">丧假</option>
<option value="6">产假</option>
<option value="7">出差</option>
<option value="8">忘打卡</option>
<option value="9">迟到</option>
</select>
</body>
</html>

转载于:https://www.cnblogs.com/c-x-a/p/6605740.html

dianyin7770
关注
前端select关于selected 的"坑"!!!
uncle_oluo的博客
03-28 3274
大家都知道<select></select>是前端开发html中常用的一个下拉列表的控件.但是你可能不知道的是,它的子元素selected属性有一个大大坑吧... 废话少说,直接上代码(先热个身)//第一种方式: <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <style>
jQuery设置和获取HTML、文本和值和Javascript获取HTML静态页面参数传递值示例
惜忆隐蝶
12-02 2579
jQuery设置和获取HTML、文本和值 Javascript获取HTML静态页面参数传递值示例 1.jQuery设置和获取HTML、文本和值 "text/javascript"> // $(function(){ //获取元素的HTML代码 $("input:eq(0)").click(function(){ ale
SelectedValue与SelectedItem.Value的区别
weixin_34007906的博客
10-11 776
public virtual ListItem SelectedItem { get { int selectedIndex = this.SelectedIndex; if (selectedIndex &gt;= 0) { return this.Items[selectedIndex]; } ...
动态获取selected的value值
weixin_30293135的博客
10-19 191
两个select选项，第一个选项可以选1-9之间的数字，第二个选项可以选0到9之间的数字，要满足成人和儿童的总和不大于9，且一个成人最多带两名儿童 <div> <span>成人：</span> <select id="AdultNum"> <option value="1">1</opt...
java获取selected的值_java – 如何获取Spinner的所选值？
weixin_39586683的博客
02-25 310
要获得微调器的选定值，您可以按照此example。创建一个实现AdapterView.OnItemSelectedListener的嵌套类。这将提供一个回调方法，在从微调框中选择项目时通知您的应用程序。在该类的“onItemSelected”方法中，您可以获取所选项：public class YourItemSelectedListener implements OnItemSelectedLis...
获取 selected 的选中值的方法
weixin_33875564的博客
01-18 518
       this.options[this.options.selectedIndex].value
Vue input控件通过value绑定动态属性及修饰符的方法
08-30
第一点，v-model 绑定的 value 通常是静态字符串或逻辑值，例如<select v-model="selected"> <option value="abc">ABC</option></select> 中的 value 是静态字符串 "abc"。但是，如果我们想绑定 value 到 Vue 实例的...
FireFox下selected =selected失效不起作用的解决方法
09-25
这个解决方案不仅适用于动态修改`selected`属性的情况，也适用于静态HTML代码中`selected`属性未生效的问题。在进行跨浏览器开发时，了解这些浏览器特性和潜在问题是非常重要的，可以提高代码的兼容性和用户体验。
帆软中python调用_FineReport——获取控件值和单元格值
weixin_39702400的博客
12-10 1655
设置单元格的值(填报预览)：//contentPane.setCellValue(1,0,"abc");//参数面板给单元格赋实际值，即可填报contentPane.curLGP.setCellValue(, , "abc") //报表中控件给报表中单元格赋值获取单元格的值(填报预览，参数面板和报表控件都可以这样写)：//contentPane.getCellValue(1,0);contentP...
HTML静态页面获取传参的值
DaiDaiLiu的专栏
03-31 5241
function GetArgsFromHref(sHref, sArgName) { var args = sHref.split("?"); if(args[0] == sHref) /*参数为空*/ { return retval; /*无需做任何处理*/ } var str = args[1]; args = str.split("&"); for(var i =
jQuery取得select选择的文本与值
摘取天上星
12-09 2628
jquery获取select选择的文本与值 获取select ： 获取select 选中的 text :     $("#ddlregtype").find("option:selected").text(); 获取select选中的 value:     $("#ddlregtype ").val(); 获取select选中的索引:     $("#ddlregtype
jq获取select控件的selected属性值
在北风吹起的时候加入我们的队伍 在秋雨到来的时候成为彼此的温暖
09-26 1135
<select> <option value ="3">请选择</option> <option value ="0">场内申报</option> <option value ="1">场外申报</option> </select> if(res.data.type == 0){ $("select option[value='0']").attr("selected",true); $(".intr
selected下拉列表常用取值、赋值方法总结
YuZongTao
10-30 9899
今天做了一个关于税率的下拉列表，用到很多selected下拉列表的相关技能，现总结如下：     下拉列表代码如下：     税率 N/A N/A
设置selected选中的多种方法（总结）
qq3892997的博客
05-06 5113
jquery设置select下拉框切换几次之后不起作用 原本使用$("#selectId").find(“option[value=‘val’]”).attr(“selected”, true)设置option选中，发现只在第一次切换时有用，第二次切换就不起作用了。 后面发现浏览器有兼容性问题，这种设置方法不好使，需要只用jquery的prop()方法赋值。 $("#selector").fi...
如何获取 chosen chosen.jquery.js 选中的值
热门推荐
INLICS的博客
11-09 1万+
作为一款高级表单插件，chosen.jquery.js应该获得了不少的使用者，但在使用上可能会碰到不少问题，一个很重要的问题就在chosen select的取值上。
获取option标签的值和value属性值
diyinqian的博客
01-07 1万+
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;body&gt; &lt;select onchange="_sel(this.options[this.options.selectedIndex])"&gt; &lt;option value="volvo"&gt;Volvo&lt;/option&gt; &lt;opti
关于SelectedValue的众多解决方案
weixin_30737363的博客
03-31 393
Combox联动效果 如上图所示窗体 实现点击年级下拉框时，加载对应的科目信息 在此过程中会遇到如下问题 问题一： 步骤一： Load事件中显示如下代码： 先绑定数据源，后绑定displaymember 和 valueMember属性 就会报错 private void SelectStudentResult_Load(object sender, EventArgs ...
在layuimini值给静态的select重新赋值重新选中怎么写？
最新发布
05-27
在 Layuimini 中，你可以通过以下几步来实现静态的 select 重新赋值并选中： 1.获取 select 元素，并通过遍历的方式清空 select 中的 option： ```javascript var select = document.getElementById('testSelect'); // 获取select元素 var options = select.options; for (var i = options.length - 1; i >= 0; i--) { select.remove(i); } ``` 2.创建新的 options 并添加到 select 中，同时设置选中项的值： ```javascript var data = ['选项1', '选项2', '选项3']; for (var i = 0; i < data.length; i++) { var option = document.createElement('option'); // 创建option元素 option.value = i + 1; // 设置option的值（可以是任意数据类型） option.innerHTML = data[i]; // 设置option的文本 select.appendChild(option); // 将option添加到select中 } // 设置选中项的值 var selectedValue = 2; for (var i = 0; i < options.length; i++) { if (options[i].value == selectedValue) { options[i].selected = true; break; } } ``` 3.最后，你需要使用 Layuimini 中的 form.render() 方法重新渲染 select： ```javascript layui.use(['form'], function() { var form = layui.form; form.render('select'); }); ``` 将以上代码整合起来，你可以得到如下完整的实现代码： ```javascript var select = document.getElementById('testSelect'); var options = select.options; for (var i = options.length - 1; i >= 0; i--) { select.remove(i); } var data = ['选项1', '选项2', '选项3']; for (var i = 0; i < data.length; i++) { var option = document.createElement('option'); option.value = i + 1; option.innerHTML = data[i]; select.appendChild(option); } var selectedValue = 2; for (var i = 0; i < options.length; i++) { if (options[i].value == selectedValue) { options[i].selected = true; break; } } layui.use(['form'], function() { var form = layui.form; form.render('select'); }); ``` 这样就可以实现给静态的 select 重新赋值并选中。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值