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" ...
随机推荐
- k8s之Deployment 声明式地升级应用(五)
Deployment 声明式地升级应用 现在你已经知道如何将应用程序组件打包进容器,将他们分组到pod中,并为它们提供临时或者持久存储,将密钥或配置文件注入,并可以使pod之间互相通信.这就是微服务化 ...
- 矩阵LU分解程序实现(Matlab)
n=4;%确定需要LU分解的矩阵维数 %A=zeros(n,n); L=eye(n,n);P=eye(n,n);U=zeros(n,n);%初始化矩阵 tempU=zeros(1,n);tempP=z ...
- iwlist/iwconfig/iw命令
1.iwlist 命令:用于对/proc/net/wireless文件进行分析,得出无线网卡相关信息 # iwlist wlan0 scanning 搜索当前无线网络 # iwlist wlan0 f ...
- react hooks沉思录
将UI组件抽象为状态处理机.分为普通状态和副作用状态. 一.综述 useState:处理函数只改变引用的状态本身:副作用状态:会对引用状态以外的状态和变量进行修改:useReducer:用解藕化的机制 ...
- Vue——核心思想--mvvm
Vue的核心思想为数据驱动和组件化. 一.数据驱动——双向绑定 Vue是一种MVVM框架.而DOM是数据的一个种自然映射.传统的模式是通过Ajax请求从model请求数据,然后手动的触发DOM传入数据 ...
- k-mean
import numpy as np from k_initialize_cluster import k_init np.random.seed() class YOLO_Kmeans: def _ ...
- HDU 6583 Typewriter(后缀自动机)
Typewrite \[ Time Limit: 1500 ms\quad Memory Limit: 262144 kB \] 题意 给出一个字符串 \(s\),现在你需要构造出这个字符串,你每次可 ...
- node.js封装数据库增删改查
数据库增删改查的封装 小编不容易 const sql = { insert: function (Collection, insertData) { return new Promise((resol ...
- Cloud-init原理
Ubuntu修改主机名后,重启自动恢复原来的主机名? 这是因为Ubuntu18.10上,默认安装并启动了cloud-init, 需要停止它的四个服务进程,才可以使用传统的方式修改主机名. cloud- ...
- SDL
SDL介绍 SDL(Simple DirectMedia Layer)是一套开放源代码的跨平台多媒体开发库,使用C语言写成.SDL提供了数种控制图像.声音.输出入的函数,让开发者只要用相同或是相似的代 ...