1,取得输入框的输入值,修改输入框的输入值

根据id获取id的值

jquery代码:

$('#version_number').val();
解释:$是jQuery的标准用法,('#version_number')这个是jquery获取id=version_number的函数,取出来是一个id为version_number的dom对象。val()是对象的一个方法,表示取出输入的值。

2,修改id=version_number的输入值

$('#version').val(version);

解释:id为version的object,修改输入值为version变量

区分三种情况:
a,通过id获取节点:$('#id')
b,通过类型获取多个节点:$('input')
c,通过class名称获取多个节点:$('.class1') id相关的操作
html代码
<input type="text" id="product_id" name="product_id" value="2036003600" title="test-title" class="span3"> js函数:
>$('#product_id')
[<input type="text" id="product_id" name="product_id" value="2036003600" class="span3">] 获取和修改input的值
>$('#product_id').val()
"2036003600"
>$('#product_id').val(100)
>$('#product_id').val()
"100" 获取和修改属性
>$('#product_id').attr("title")
"test-title"
>$('#product_id').attr("title", "update-title")
>$('#product_id').attr("title")
"update-title"
>$('#product_id').attr({title:"new-title",class:"span5"})
[<input type="text" id="product_id" name="product_id" value="2036003600" title="new-title" class="span5">]

代码片段1:

小功能:正则选择,字符串转int,根据id取和设置值

<script type="text/javascript">
function changeVersion()
{
var v_number = $('#version_number').val();
var m = v_number.match(/\d+/g);
if (m.length == 4) {
var version = 0;
var flag = true;
for (var i=0;i<m.length; i++) {
if (m[i] >= 0 && m[i] < 256) {
version = 256 * version + parseInt(m[i]);
} else {
flag = false;
break;
}
}
if (flag) {
$('#version').val(version);
} else {
$('#version').val("");
}
} else {
$('#version').val("");
}
}
</script>

代码片段2

小功能:弹出输入框,ajax请求,url跳转

<a href="javascript:void(0)" target="_blank" onclick="addItem('100')">添加</a>

<script>
function addItem(appid)
{
var input = prompt("请输入设备的产品id", "");
if (input == null || input.length == 0) {
alert("输入有误");
} else {
$.post("/adminProductRelate/doCreate", {product_id:appid, device_product_id:input},
function(data){
if (data.errno == 0) {
location.href="/adminProductRelate/list";
} else {
alert(data.errmsg);
}
});
}
}
</script>

代码片段3

id=1,通过某个接口取得对应的名称,展现在id为name的html上

    $("#companyIdInput").blur(function(){
var id = $('#companyIdInput').val();
$.post("/adminBusiCompany/name", {"id":id}, function(data){
var name = "";
if (data.errno == 0) {
name = data["data"]["name"];
} else {
name = "";
}
$('#companyName').html(name);
})});

知识点:

disabled和readonly的含义:http://blog.csdn.net/fancyerii/article/details/4083353

js的正则匹配和提取数据:

var page = ;
var pageUrl = $(this).attr('href'); //‘?page=100&num=10’
var reg = /page=(\d*)/i;
var matches = reg.exec(pageUrl);
if (matches[]) {
page = matches[];
} else {
page = ;
}
//最终page提取出来是100

javascript: 常用操作的更多相关文章

  1. select元素javascript常用操作 转

    /*------------------------------------------------------ *作者:xieyu @ 2007-08-14 *语言:JavaScript *说明:s ...

  2. JavaScript常用操作,常用类

    算术运算符 重点关注 算数,赋值,逻辑运算符,三目运算符 <!DOCTYPE html> <html> <head> <meta charset=" ...

  3. MUI常用脚本及原生JavaScript常用操作元素方法

    1.mui元素转换html元素 var obj=mui("#id")[0]; 2.事件绑定 var btn = document.getElementById("logi ...

  4. JavaScript数组常用操作

    前言 相信大家都用惯了jquery或者underscore等这些类库中常用的数组相关的操作,如$.isArray,_.some,_.find等等方法.这里无非是对原生js的数组操作多了一些包装. 这里 ...

  5. javascript中字符串常用操作总结、JS字符串操作大全

    字符串的操作在js中非常频繁,也非常重要.以往看完书之后都能记得非常清楚,但稍微隔一段时间不用,便会忘得差不多,记性不好是硬伤啊...今天就对字符串的一些常用操作做个整理,一者加深印象,二者方便今后温 ...

  6. javascript中字符串常用操作整理

    javascript中字符串常用操作整理 字符串的操作在js中非常频繁,也非常重要.以往看完书之后都能记得非常清楚,但稍微隔一段时间不用,便会忘得差不多,记性不好是硬伤啊...今天就对字符串的一些常用 ...

  7. JavaScript:对Object对象的一些常用操作总结

    JavaScript对Object对象的一些常用操作总结. 一.Object.assign() 1.可以用作对象的复制 var obj = { a: 1 }; var copy = Object.as ...

  8. JavaScript 中BOM的常用操作

    JavaScript BOM操作 1.获取浏览器窗口尺寸 var width=window,innerWidth //获取可视窗口宽度 var height=window.innerHeight // ...

  9. 【三】用Markdown写blog的常用操作

    本系列有五篇:分别是 [一]Ubuntu14.04+Jekyll+Github Pages搭建静态博客:主要是安装方面 [二]jekyll 的使用 :主要是jekyll的配置 [三]Markdown+ ...

随机推荐

  1. 注意Thread.interrupt()方法的真正作用并不是用来中断线程

      程序是很简易的.然而,在编程人员面前,多线程呈现出了一组新的难题,如果没有被恰当的解决,将导致意外的行为以及细微的.难以发现的错误.      在本篇文章中,我们针对这些难题之一:如何中断一个正在 ...

  2. db2 常用配置

    db2set配置: db2set DB2_ENABLE_LDAP=NO db2set DB2_ALTERNATE_GROUP_LOOKUP=GETGROUPLIST db2set DB2_RESTOR ...

  3. linux for 使用

    第一种:命令使用方法 例子1: cat test.txt 1 2 3 for i in $(cat test.txt) do echo $i done 例子2: for i in 1 2 3 4 do ...

  4. 数据库中Schema、Database、User、Table的关系[转]

    数据库的初学者往往会对关系型数据库模式(schema).数据库(database).表(table).用户(user)之间感到迷惘,总感觉他们的关系千丝万缕,但又不知道他们的联系和区别在哪里,对一些问 ...

  5. Tomcat7性能调优

    open files 修改linux系统open files限制,通过ulimit –a可看到系统默认的一个进程最大打开文件数为1024,linux系统中一切皆为文件,包含socket连接,需将些值调 ...

  6. 通过字典给类的实体属性赋值生成url字符串

    private static Dictionary<string, string> SortedToDictionary(SortedDictionary<string, strin ...

  7. C# XML配置文件读写类(用于程序配置保存)

    调用方式 //初始化并指定文件路径 XmlConfigUtil util = new XmlConfigUtil("C:\\1.xml"); //写入要保存的值以及路径(Syste ...

  8. tableView区头不显示

    不知道什么原因 如果设置tableView的样式为Group 则必须写代理 p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 14.0px Menlo; co ...

  9. 如何占用你用户的时间 and 如何提高客户的满意度 。 待续

    未来的商业竞争, 可能本质上是在争取客户的时间 嗯..有不定时, 未知的奖励,游戏行业就经常使用, 比如打怪掉装备, 不一定掉什么好东西, 让人充满了期待, 玛雅宝石, 有一定的概率... 觉得公司员 ...

  10. CSS3入门

    CSS3 w3cschools css3  MDN英文  MDN中文 CSS3 is the latest evolution of the Cascading Style Sheets langua ...