精华内容
下载资源
问答
  • 在select控件中动态增加optionie中是selectobj.add方法,但在firefox中无效,需要采用selectobj.options.add()
    在select控件中动态增加option
    
    ie中是selectobj.add方法,
    但在firefox中无效,需要采用selectobj.options.add()
    展开全文
  • 参考别人文献 同时结合实际修改部分代码做出的一个可编辑的下拉框,并且修改过程同时会动态把没有的选项加入到下拉框
  • extjs combox下拉框选项宽度设置

    千次阅读 2017-12-28 11:16:17
    如题,combox下拉框选项字数稍多,显示不全,可能需要将下拉框宽度稍微增宽。 效果图如下: 实现方法:
    如题,combox下拉框选项字数稍多,显示不全,可能需要将下拉框宽度稍微增宽。
    实现方法:给combox组件增加listeners属性。
    代码如下:
    listeners:{
    	expand : function (){
    		this.view.setWidth(200);
    		this.list.setWidth(200);
    	}
    }

    如果字数太多,或者设置宽度会导致不美观的话,可以为其增加qtip提示,鼠标悬停即可显示全部内容,详见:

    http://blog.csdn.net/bcdmz76/article/details/78918224


    展开全文
  • 下拉框去掉重复值 [code="java"] Array.prototype.unique = function() { var data = []; var a = {}; for (var i = 0; i < this.length; i++) { if(!a[this[i]]){ a[this[i...
    下拉框去掉重复值
    

    Array.prototype.unique = function() {
    var data = [];
    var a = {};
    for (var i = 0; i < this.length; i++) {
    if(!a[this[i]]){
    a[this[i]] = true;
    data[data.length] = this[i];
    }
    }
    return data;
    };

    var subTpye2_option = document.form_deposit.subTpye2;
    var data1 = [];
    var data2 = [];

    for (var i = 0; i < subTpye2_option.length; i++) {
    data1[i] = subTpye2_option[i].value;
    data2[i] = subTpye2_option[i].text;
    }

    data1 = data1.unique();
    data2 = data2.unique();

    document.form_deposit.subTpye2.length = 0;
    for (var i = 0; i < data1.length; i++) {
    var obj;
    obj=document.createElement("option");
    obj.value=data1[i];
    obj.text=data2[i];
    document.form_deposit.subTpye2.add(obj);
    }



    <html>
    <head>
    <script language="javascript" type="text/javascript">
    function selectType(sid){
    var se=document.getElementById(sid);
    var option=se.getElementsByTagName("option");
    var temp;

    for(var i=0;i<option.length;++i)
    {

    if(option[i].selected)
    {
    temp = option[i].text;
    }

    }

    alert(se.value);
    alert(temp)

    }
    </script>
    </head>
    <body>

    <select id="s1" onchange="selectType('s1')" >
    <option select >选择类别</option>
    <option name="typeId" value="01" >第一个</option>
    <option name="typeId" value="02" >第二个</option>
    <option name="typeId" value="03" >第三个</option>
    <option name="typeId" value="01" >第一个</option>
    <option name="typeId" value="02" >第二个</option>
    <option name="typeId" value="03" >第三个</option>
    <select>
    </body>

    <script>

    Array.prototype.unique = function() {
    var data = [];
    var a = {};
    for (var i = 0; i < this.length; i++) {
    if(!a[this[i]]){
    a[this[i]] = true;
    data[data.length] = this[i];
    }
    }
    return data;
    };

    alert('hello world');

    var se=document.getElementById('s1');
    var option=se.getElementsByTagName('option');

    alert('zz: ' + option.length);

    var data1 = [];
    var data2 = [];

    for (var i = 0; i < option.length; i++) {
    data1[i] = option[i].value;
    data2[i] = option[i].text;
    }

    alert(data1);

    data1 = data1.unique();
    data2 = data2.unique();

    alert(data1);
    alert(data2);

    document.getElementById('s1').length = 0;

    for (var i = 0; i < data1.length; i++) {
    var obj;
    obj=document.createElement("option");
    obj.value=data1[i];
    obj.text=data2[i];
    document.getElementById('s1').add(obj);
    }
    </script>

    <html>


    复选框

    checkAll(this, 'checkbox71');

    checkItem(this, 'checkbox83');


    Select_checkbox();


    <script>
    //复选框赋值
    function Select_checkbox()
    {
    var m=0;
    var t='';
    var check = document.getElementsByName('checkbox71');
    document.getElementById('BkCustType').value = '7';
    document.getElementsByName('BkCustType').value='7';
    for(var i = 0; i < check.length; i++)
    {
    if(check[i].value=='1')
    {
    m = m + 1;
    }
    t = t + check[i].value;

    }
    // document.getElementById('Total_Records').value = check.length;
    document.getElementById('Identified_num').value = m;
    document.getElementById('Type_Flag').value = t;
    }

    //复选框全选和取消切换
    function checkAll(e, itemName)
    {
    var aa = document.getElementsByName(itemName);
    for (var i=0; i<aa.length; i++)
    {
    aa[i].checked = e.checked;
    if(aa[i].checked == true) aa[i].value = '1';
    else aa[i].value = '0';
    }
    }
    function checkItem(e, allName)
    {
    var all = document.getElementsByName(allName)[0];
    if(!e.checked)
    {
    all.checked = false;
    e.value = '0';
    }
    else
    {
    e.value = '1';
    var aa = document.getElementsByName(e.name);
    for (var i=0;i<aa.length; i++)
    if(!aa[i].checked) return;
    all.checked = true;
    }

    }


    </script>


    和当前日期比较

    var now = new Date();
    var arrStart = document.@FormName@.start1.value.split('-');
    var startDt = new Date(arrStart[0],parseInt(arrStart[1],10)-1,arrStart[2]);

    if(startDt.getTime() > now.getTime())
    {
    return '最近风险评估日期不可大于当前日期';
    }


    js数字类型操作

    <script type="text/JavaScript">
    function print_selection_ZQ_F8_919432_01()
    {
    var linenum = document.form2.linenum.value;
    var pagenum = document.form2.pagenum.value;

    var flag = parseInt(pagenum)%2;

    if(flag == '1')
    {
    linenum = parseInt(linenum) + 16;
    }

    var prtfilename = document.@FormName@.PrintDataLocalFileName.value.split("|");

    //打印用户证

    FmtEngine4PSBK('有线电视用户证','FMT_HOST_CLI_Public_ZQ_F8_919432_01',prtfilename[0],linenum);

    }
    </script>



    <script type="text/JavaScript">
    function print_selection_ZQ_F8_919432_01()
    {
    var linenum = document.form2.linenum.value;

    if(parseInt(linenum) <= 10)
    {
    linenum = parseInt(linenum) + 15;
    }
    else if(parseInt(linenum) > 10)
    {
    linenum = parseInt(linenum) - 10;
    }

    var prtfilename = document.@FormName@.PrintDataLocalFileName.value.split("|");

    //打印用户证

    FmtEngine4PSBK('有线电视用户证','FMT_HOST_CLI_Public_ZQ_F8_919432_01',prtfilename[0],linenum);

    }
    </script>


    js日常调试

    <script>
    alert('aaaaa');

    var s1 = "100.00";

    alert(s1);

    alert(Number(s1));

    if(Number(s1) < 1000)
    {
    alert('s1小于1000');
    }


    </script>


    //下拉框联动

    dwname.selectedIndex = dwcode.selectedIndex;

    //位数检查

    var sfzno = document.form2.textbox86.value;
    if(sfzno.length != 15 && sfzno.length != 18)
    {
    return '身份证号码不合法';
    }


    //js控制控件属性

    if(document.form2.select74.value == '0')
    {
    document.form2.textbox78.disabled = true;
    document.form2.textbox78.className='textDisabled';

    }
    else
    {
    document.form2.textbox78.disabled = false;
    document.form2.textbox78.className='textRequired';
    document.form2.textbox78.isnotnull = 'true';
    }


    //ecap平台下的金额计算


    document.@FormName@.hidden120.value=document.@FormName@.number91.value;
    document.@FormName@.hidden121.value=document.@FormName@.number89.value;

    var s1 = document.@FormName@.hidden120.value.replace(',','');
    var s2 = document.@FormName@.hidden121.value.replace(',','');


    if(s1!=null && document.@FormName@.select90.value=='1')
    {
    var s3 = parseFloat(s1) + parseFloat(s2);
    document.@FormName@.number88.value = s3;
    }


    截取字符串

    hello js

    <script type="text/javascript">
    alert('hello');

    var kxdate = '2010-02-02';
    if(kxdate != null && kxdate.length >= 10)
    {
    var kxdate_1 = kxdate.substring(0,4);
    var kxdate_2 = kxdate.substring(5,7);
    var kxdate_3 = kxdate.substring(8,10);
    }

    var date = kxdate_1 + kxdate_2 + kxdate_3;

    alert(date);

    </script>



    控制表格显示

    document.getElementById('table_zz').style.display='';
    document.getElementById('table_zz').style.display='none';

    设置控件样式

    document.getElementById('pzhm').className='textDisabled';



    //选择下拉框回显信息
    var flag = document.form2.select53.value;

    if(flag == '0140000000000000001100208') {

    document.form2.textbox61.value = '80020000005005211';
    document.form2.textbox63.value = '测试';
    } else if(flag == '0140000000000000002100208') {

    document.form2.textbox61.value = '80020000005005255';
    document.form2.textbox63.value = '测试';
    }

    //屏蔽控件
    var flag = document.form2.select81.value;

    if(flag == '0') {

    document.form2.textbox67.readOnly='true';
    document.form2.textbox67.disabled='true';
    document.form2.textbox67.className='textDisabled';

    }
    else if(flag == '1') {
    alert('111111');
    document.form2.textbox67.disabled=false;
    document.form2.textbox67.readOnly='false';
    document.form2.textbox67.className='';
    }



    显示和隐藏控件
    <html>
    <head>
    <body>
    <script language="javascript">

    function show(){
    document.form1.b3.style.display="";
    document.form1.b4.style.display="";
    document.form1.txt.style.display="";
    }

    function hid(){
    document.form1.b3.style.display="none";
    document.form1.b4.style.display="none";
    document.form1.txt.style.display="none";
    }

    </script>
    <form id="form1" name="form1">
    <input type="button" name="but1" value="显示" onclick="show()"/>
    <input type="button" name="but2" value="隐藏" onclick="hid()"/>
    <input type="button" name="b3" id="but3" value="Hello"/>
    <input type="button" name="b4" id="but3" value="World"/>
    <input type="text" name="txt" id="txt"/>
    </form>
    </body>
    </head>
    </html>



     

    //刷新下拉框

    http://108.0.108.221:9080/TxRunAction.do?TranName=clearCache

    //修改下拉框的值

    document.@FormName@.select159.options[5].value = '0060000000000000002100209';

    //增加一个选项值
    var obj;
    obj=document.createElement("option");
    obj.text='111';
    obj.value='111';
    document.@FormName@.select159.add(obj);

    //删除第二个选项值
    document.@FormName@.select159.options.remove(1);






    <html>
    <head>
    <script language="javascript" type="text/javascript">
    function selectType(sid){
    var se=document.getElementById(sid);
    var option=se.getElementsByTagName("option");
    var temp;

    for(var i=0;i<option.length;++i)
    {

    if(option[i].selected)
    {
    temp = option[i].text;
    }

    }

    alert(se.value);
    alert(temp)

    }
    </script>
    </head>
    <body>

    <select id="s1" onchange="selectType('s1')" >
    <option select >选择类别</option>
    <option name="typeId" value="01" >第一个</option>
    <option name="typeId" value="02" >第二个</option>
    <option name="typeId" value="03" >第二个</option>
    <select>
    </body>
    <html>
    展开全文
  • ComBox控件下拉框选项的添加

    万次阅读 2014-01-09 16:31:37
    cBoxName.Items.Add("MD5"); cBoxName.Items.Add("RSA"); cBoxName.Items.Add("DES"); cBoxName.Items.Add("SHA1");
    cBoxName.Items.Add("MD5");
    cBoxName.Items.Add("RSA");
    cBoxName.Items.Add("DES");
    cBoxName.Items.Add("SHA1");

    展开全文
  • 页面下拉框选项追加

    2014-05-21 14:55:28
    项目描述: [img]... 图一 如上图所示:在该页面添加认证方式下拉框 初始化为有5个认证方式 可以追加、删除。 [img]http://dl2.iteye.com...
  • QComboBox下拉框选项增加删除按钮

    千次阅读 2020-06-04 22:22:32
    网上有不少 Qt 实现的例子,实现方式也很多,在参照了别人的思路后我也实现了选项带按钮的下拉框。中间遇到不少坑,最后效果也不完美。 1.实现过程 我选的是 QListWidget +QListWidgetItem 的方式,因为感觉相对...
  • Jquery动态添加下拉框选项

    万次阅读 2011-10-13 21:49:56
    jQuery动态添加下拉框的值,点击网页上的按钮后,激活JQ函数,动态添加下拉框Options的值,每点击一次增加一个值,并按序号排列,一个JQ的小实例,让大家多了解一些JQ的用法。      ...
  • easyui动态添加下拉框选项

    千次阅读 2015-08-03 20:26:28
    查看官方API,发现有个data属性,自动将data属性对应的json对象,解析为combobox下拉列表。突然想到,  通过设置、修改data属性值来完成combobox下拉列表的添加。改造代码如下: $.ajax({  ...
  • jquery 动态添加下拉框选项

    千次阅读 2015-04-02 11:33:20
    $('#del_type').bind("change", function(){ if($("#del_type").find("option").length&gt;2){ $("#del_type").find("option").eq(0).remove();...optio
  • 一:如何修改el-select下拉框选项的样式,网上的方法一般有两种: 1.找到下拉框的类名,写一个全局的样式。 2.通过/deep/来修改.el-select-dropdown__item的样式内容 3.通过popper-class设置的类名添加样式 以上几...
  • extjs 下拉框增加选项

    千次阅读 2016-12-08 15:44:21
    //数据字典下拉控件 Ext.ns('uc'); uc.cboDic = function (config) { var storeDic = Ext.create('Ext.data.Store', { autoLoad: false, fields: [ 'code', 'name' ]
  • $('select.product_style').append('[i] + '">' + msg[i] + '</option>') // 依次增加选项 } } }); } 注:后端返回的是一个列表进行json转换的值。 转载于:https://www.cnblogs.com/xshan/p/10148843.html
  • table行数据删除后,下拉框增加删除的选项 HTML内容 <select id="test" ></select> JS内容 //移除 $("#test option:selected").remove(); //增加 $('#test').append("<option value=" + value + "&...
  • 注意本页面中需要在第一行增加【 EnableEventValidation="false" 】,以解决页面出现【 回发或回调参数无效】的问题。具体见下图 3.default.aspx.cs using System; using System.Collections.Generic;...
  • 在Grid中增加下拉框

    千次阅读 2018-04-17 09:47:31
     //下拉框选项  var comboList = ["未处理", "处理中", "已处理", "其他"];     $(function ()  {  var jsonObj = {};  jsonObj.Rows = [  { id: 3, name: "林三", sex: "男", birthday: "1989/01/12", PMA...
  • * 2)用户只要输入下拉框选项每字的第一五笔或者拼音码,诱导框就会将最先匹配的n条记录 * (这个参数可以配置,由MAX_MATCH_COUNT来指定),显示在弹出框(窗口大小可以通过POPUP_WIDTH, * POPUP_HEIGHT参数设置)中...
  • 下拉框选项中添加搜索框

    热门讨论 2016-03-14 12:43:42
    下拉框中的选项太多需要一个搜索功能的输入框,检索出需要的选项选择,这个插件就是在下拉选中中的第一个选项的前面添加一个搜索框,搜索需要的选项
  • 下拉框添加选项

    2020-06-10 21:49:32
    GPS平台、网站建设、软件开发、系统运维,找森大网络科技! http://cnsendnet.taobao.com 来自森大科技官方博客 http://www.cnsendblog.com/index.php/?p=765
  • // 循环赋值(为了防止下拉框的行数与隐藏域的行数相对应来获取>=选中行数的数组,将隐藏域加到结束行之后) category1Hidden.createRow(i + endRow).createCell(Integer.parseInt(key)).setCellValue(textList[i]...
  • 给Dialog中的Table的每一行增加下拉框 为了避免全部下拉框的值被统一修改,我们为每一行添加对应的索引scope.$index 在select的v-model中添加每一行对应的索引scope.$index 在optiont的click方法中传入该索引scope...
  • js实现下拉框添加选项

    千次阅读 2019-06-13 01:12:45
    -- 下拉框选择id --> <div id="selectIdBox"> <select id="selectID"></select> </div> JavaScript代码 var gSelectID = ["001", "002", "003", "全部"]; for (var i in gSelectID)...
  • 本文主要介绍如何在GridControl网格中的每一行增加复选框、下拉框和多选下拉框。最终效果如下图所示。 其中,测试模块,模块类型,从属,测试人,测试要求,备注等是数据库查询到的数据。  操作步骤: 一、...
  • 5 当点击 下拉框选项开关 ,Settings 相应设置也要改变,这里有两种方法,一种是广播监听。另一种是监听数据库变化,首先来看看第一种 vendor/mediatek/proprietary/packages/apps/MtkSettings/src/...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 13,103
精华内容 5,241
关键字:

如何增加下拉框选项