jQuery 取值操作
模板使用:
https://startbootstrap.com/themes/sb-admin-2/
使用的 bootstrap 模块 ,上面的这个网站可以下载select 取值
<select class="com1_bandrate" id="com1_bandrate" name="" onchange="show_com1()">
<option value="2400">2400</option>
<option value="115200">115200</option>
<option value="460800">460800</option>
</select> <script type="text/javascript">
function show_com1(){
console.log(($("#com1_bandrate").find("option:selected").val()));
}
function show_com2(){
console.log(($("#com2_bandrate").find("option:selected").val()));
} </script>
select 取值,可以直接使用 $("#id").find("option.selected").val() 进行取值。
text 取值
<input type="text" class="mb-4 form-control form-control-user" id="eth0_ip" placeholder="IP">
<input type="text" class="mb-4 form-control form-control-user" id="eth0_gateway" placeholder="Gateway">
<input type="text" class="mb-4 form-control form-control-user" id="eth0_netmask" placeholder="netmask">
<input type="text" class="mb-4 form-control form-control-user" id="eth0_dns" placeholder="DNS"> <script type="text/javascript">
function save_func(){
console.log(($("#eth0_ip").val()))
console.log(($("#eth0_netmask").val()))
console.log(($("#eth0_gateway").val()))
console.log(($("#eth0_dns").val())) console.log(($("#eth1_ip").val()))
console.log(($("#eth1_netmask").val()))
console.log(($("#eth1_gateway").val()))
console.log(($("#eth1_dns").val()))
} function eth0_mode(){
console.log(($("#eth0_mode_id").find("option:selected").val()));
var eth_mode = $("#eth0_mode_id").find("option:selected").val();
if (eth_mode == "static")
{
$("#eth0_ip").removeAttr("readonly");
$("#eth0_netmask").removeAttr("readonly");
$("#eth0_gateway").removeAttr("readonly");
$("#eth0_dns").removeAttr("readonly");
}
else
{
$("#eth0_ip").attr("readonly", "readonly");
$("#eth0_netmask").attr("readonly", "readonly");
$("#eth0_gateway").attr("readonly", "readonly");
$("#eth0_dns").attr("readonly", "readonly");
}
}
function eth1_mode(){
console.log(($("#eth1_mode_id").find("option:selected").val()));
var eth_mode = $("#eth1_mode_id").find("option:selected").val();
if (eth_mode == "static")
{
$("#eth1_ip").removeAttr("readonly");
$("#eth1_netmask").removeAttr("readonly");
$("#eth1_gateway").removeAttr("readonly");
$("#eth1_dns").removeAttr("readonly");
}
else
{
$("#eth1_ip").attr("readonly", "readonly");
$("#eth1_netmask").attr("readonly", "readonly");
$("#eth1_gateway").attr("readonly", "readonly");
$("#eth1_dns").attr("readonly", "readonly");
} } </script>
jQuery 取值操作的更多相关文章
- 页面通过Jquery取值然后传值到后台显示underfined是怎么回事?
页面通过Jquery取值然后传值到后台显示underfined是怎么回事? 一般情况下第一个如果用jQuery取值的,末尾要用val(),如果用$符号取值的,末尾要加上val. eg: busines ...
- Jquery 取值,赋值学习总结
<h2>获取和设置文本框值:</h2> <input type="button" value="赋值文件框" id="v ...
- ng2中 如何使用自定义属性data-id 以及赋值和取值操作
项目环境:ng4.x 写法说明: [attr.data-nurseKey] <div [attr.data-nurseKey]="k.nurseKey"></di ...
- 用JQUERY为INPUT的TXT类型赋值及取值操作
注意和纯JS操作的区别,一个是对象,一个是字串,如下说明: 在Jquery中,用$("#id")来获得页面的input元素,其相当于document.getElementById( ...
- jQuery取值的一些奇奇怪怪的操作
语法解释:1. $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发2. var ch ...
- 【C】二级指针探秘 & 星号的两种用法(1.与基本类型结合形成另一种类型,比如与int结合形成int* 2.取值操作)
1)问题:二级指针到底是什么?怎么用的?怎么存放的? #include <stdio.h> #define TEST_ADDR 0x12FF40 void main() { int a = ...
- jQuery 取值、赋值的基本方法
转载:http://www.cnblogs.com/huanhuan86/archive/2012/06/13/2548071.html 获取元素的value值: /*获得TEXT.AREATEXT的 ...
- jQuery 取值、赋值的基本方法【转藏】
/*获得TEXT.AREATEXT的值*/ var textval = $("#text_id").attr("value"); //或者 var textva ...
- jquery取值赋值
("#A").val("1") id为A的值就是1了 jQuery中都这样,赋值的时候作为参数传给函数,和单纯的js有区别,像 $("#A" ...
随机推荐
- 网站 & APP 安利
https://sitoi.cn/posts/51270.html APP 影视类 影视大院 地址:https://www.vfans.fun 描述:没有上架应用商店,需要安装信任企业证书,VIP资源 ...
- Spring cloud架构中利用zuul网关实现灰度发布功能
蓝绿发布.金丝雀发布(灰度发布).AB测试 首先,了解下这几种发布方式的基础概念. 目前常见的发布策略有蓝绿发布.金丝雀发布(灰度发布).AB测试这几种,在国内的开发者中,对这几个概念有独立的理解.蓝 ...
- async和await执行顺序
关于执行顺序和线程ID,写了一个小程序来检测学习: using System; using System.Net; using System.Threading; using System.Threa ...
- 2019年牛客多校第四场 B题xor(线段树+线性基交)
题目链接 传送门 题意 给你\(n\)个基底,求\([l,r]\)内的每个基底是否都能异或出\(x\). 思路 线性基交板子题,但是一直没看懂咋求,先偷一份咖啡鸡板子写篇博客吧~ 线性基交学习博客:传 ...
- 四川第十届省赛 A.Angel Beats bitset
四川第十届省赛 A.Angel Beats bitset 题目链接 题解参考:http://www.cnblogs.com/Aragaki/p/9142250.html 考虑用bitset来维护对于所 ...
- vue-router有哪几种导航钩子?(具体怎么用的)
三种,第一种:是全局导航钩子:router.beforeEach(to,from,next),作用:跳转前进行判断拦截.第二种:组件内的钩子第三种:单独路由独享组件 .
- Beta冲刺博客汇总(校园帮-追光的人)
所属课程 软件工程1916 作业要求 Beta冲刺博客汇总 团队名称 追光的人 作业目标 汇总Beta阶段的博客,方便查看 冲刺日志 Beta之前-凡事预则立(校园帮-追光的人)5-22 Beta冲刺 ...
- Elasticsearch Date类型,时间存储相关说明
资料 网址 Elasticsearch 插入时间字段时数据格式问题 https://segmentfault.com/a/1190000016296983 Elasticsearch Date类型,时 ...
- 配置/更改vue项目中的资源路径
打开 build/webpack.base.conf.js ,在module.exports .resolve.alias下自定义: alias: { 'vue$': 'vue/dist/vue.e ...
- 虚拟机将ip修改为静态