`
java-mans
  • 浏览: 11455555 次
文章分类
社区版块
存档分类
最新评论

Js for Select

 
阅读更多



1)var obj;
obj = document.getElementById("Card"); //获取标签的Id
index = obj.selectedIndex; // 选中索引
value = obj.options[index].value; // 选中value值
text = obj.options[index].text; // 选中text值


2)增加新一行
addSelectEmptyAndValueOption(obj,value,text);
function addSelectEmptyAndValueOption(select,value,value2){
var option = document.createElement("option");
option.value = value;
option.innerHTML =value2;
select.appendChild(option);
}

3)$('#selectId').empty(); //清空数据


4)省、市、区的联动,选择默认值
function refreshResult(s){
var obj;
var str;
var i;
if(s=="1"){
obj= document.getElementById("province");
str='<%=deliveryprovince%>';
for(i=0;i<obj.length;i++){
if(obj[i].text==str){
obj[i].selected=true;
showAreaInfo(obj[i].value,"city");
refreshResult("2");
}
}
}else if(s=="2"){
obj= document.getElementById("city");
str='<%=deliverycity%>';
for(i=0;i<obj.length;i++){
if(obj[i].text==str){
obj[i].selected=true;
showAreaInfo(obj[i].value,"county");
refreshResult("3");
}
}
}else if(s=="3"){
obj= document.getElementById("county");
str='<%=deliveryarea%>';
for(i=0;i<obj.length;i++){
if(obj[i].text==str){
obj[i].selected=true;
}
}


}
}


5)动态给table添加新一行的数据
function insertRow2(MaterialCode,MaterialName,Weight,UnitName,RetailPrice,InvQty,i){
var lb1Name="lbName"+i; //货品全称
var lb1Price="lbPrice"+i;//价格
var lbWeight="lbWeight"+i; //规格
var lbInvQty="lbInvQty"+i; //库存量
$("#shopInvInfo").append("<tr>"+
'<td width=100><label id='+lb1Name+'>'+MaterialName+'</label></td>'+
'<td width=100>(<label id='+lbWeight+'>'+Weight+''+UnitName+'</label>)</td>'+
'<td width=100>(<label id='+lb1Price+'>'+RetailPrice+'元</label>)</td>'+
'<td width=100>备货量:<label id='+lbInvQty+'>'+InvQty+'</label></td>'+
"</tr>");
}
分享到:
评论

相关推荐

    js实现动态生成select中的option

    本人写的一个html页面,用js实现从数组读数据自动生成select控件

    js获取select默认选中的Option并不是当前选中值

    js函数方法: 代码如下: [removed] function getDefaultSelectedOption(selectId, valIfNull) { var dom, selectId = selectId.replace(/^#/, ”), opts; try { opts = document.getElementById(selectId)....

    Arcgis server for javascript 实例学习 renderer 菜单 数组 select

    Arcgis server for javascript 实例学习 renderer 菜单 数组 select 保证质量,并附代码分析

    前端项目-country-select-js.zip

    前端项目-country-select-js,A jQuery plugin for selecting a country

    javascript操作select元素实例分析

    本文实例讲述了javascript操作select元素的用法。分享给大家供大家参考。具体分析如下: 这里熟悉一下js对select元素的操作,html页面中建立一个form,其中包含一个select元素和submit按钮。 当选择select中某一项时...

    JavaScript实现select添加option

    JavaScript为select添加option &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset=utf-8&gt; &lt;title&gt;测试文件&lt;/title&gt; [removed] [removed] = function(){ //创建select控件 var _...

    select2tree:extend select2 for treeview. 扩展select2,使它可以树形展示,可以缩放

    extend select2 for treeview. 扩展select2,使它可以树形展示,可以缩放。 使用方法 与select2用法一致,只是在使用时$('select').select2()变成了$('select').select2tree()。 option标签中指定parent属性即可实现...

    js 动态新增改变删除select的值

    Javascript 操作select是表单中常见的一种,今天删除多个select值的时候出现了问题,搞了半天原来是索引引起的(即删除的时候要从索引大的开始删, 然后再删除索引小的,否则删除了索引小的后索引大的索引就变化了...

    js自动查找select下拉的菜单并选择(示例代码)

    代码如下:function find_select(name){ var select = document.getElementsByName(name); var find_str = document.getElementById(‘to_find_str’).value;... for(var i=0;i&lt;len;i++) { if(can) { 

    js nameselector

    name selector javascript. this js is for javascript name select

    js实现Select列表各项上移和下移的方法

    本文实例讲述了js实现Select列表各项上移和下移的方法。分享给大家供大家参考。具体如下: 这里介绍Select列表各项上移和下移的Js代码,可以手功排序,以前我们都见到过的,从事WEB编程的朋友经常会用得到。 运行...

    Angular.JS中select下拉框设置value的方法

    本文主要给大家介绍的是关于Angular.JS中select下拉框设置value的相关内容,非常出来供大家参考学习,下面来一起看看详细的介绍: 最近在系统中增加一个查询的筛选条件,通过下拉框选取,用的是Angular常见的ng-...

    小程序使用的threejs144版本,可导入GLTF模型文件

    使用请参考 https://github.com/yannliao/threejs-example-for-miniprogram import * as THREE from '../../utils/threejs/js/three.module' wx.createSelectorQuery().in(this).select('#myCanvas').node().exec(...

    封装html的select标签的js操作实例

    代码如下: function ... for (var i = 0; i &lt; dataList.length; i++) { select.options.add(new Option(eval&#40;“dataList[” + i + “].” + fieldtext&#41;, eval(“dataList[” + i + “].” + fieldVal

    Javascript操作select控件代码实例

    这篇文章主要介绍了Javascript操作select控件代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 新增、修改、删除、选中、清空、判断存在等 1、判断...

    javascript 动态设置已知select的option的value值的代码

    代码如下:funtion setSelectOption(a,b){//a =&gt;select 的id名,b=&gt;已知option的值 for (i=0;i&lt;$(a).length;i++) //$(a)获取a的id的简单写法,前提是必须用引用prototype.js if($(a).options[i].value == b){//...

    原创-javascript服务器交互型可编辑表格和我的js常用库

    * 自定义javascript常用基础库 author zhang_jhai 创建时间 2010/04/10 最后修改时间 2010/05/03 * version 2.0 */ // Base库基础类 BaseJs = function() { // 判断浏览器类型 userAgent = navigator....

    js select多选列表传值代码

    js select [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]js核心代码 代码如下:/*移除左边选中的列表项到右边*/ function fMoveSelectedOptionsLeftToRight(oLeft,oRight) { if(!(oLeft&&oRight)) { return; }...

    pk-select:纯JS选择&多选输入控件

    PK-选择 功能现已集成到 轻量级 javascript 输入选择 ...name: \\ the name to use for the select input form element (can also be set as attribute on original element) value: \\ the starting va

    经典JS三级联动表单

    &lt;title&gt;JS三级联动表单 ;charset=gb2312"&gt; &lt;select name="select1" onchange="select()"&gt;&lt;/select&gt; &lt;select name="select2"&gt;&lt;/select&gt; &lt;select name="select3"&gt;&lt;/select&gt; &lt;script language="javascript"&gt; &lt;!-...

Global site tag (gtag.js) - Google Analytics