zoukankan      html  css  js  c++  java
  • 关于select元素的一些基本知识

    为select元素绑定值的几个方法:

    一、通过字符串拼接,让后追加到select元素下,

    二、通过DOM创建option元素,为其绑上value值和文本:

     1 function loadProvinve() {
     2     $.get('Handler/GetProvinceHandler.ashx', function (result) {
     3         var oJson = eval("(" + result + ")");
     4         var oProvinve = document.getElementById('province');
     5         for (var i = 0; i < oJson.length; i++) {
     6             var oPtion = document.createElement('option');
     7             oPtion.setAttribute('value', oJson[i].ID);
     8             var option_text = document.createTextNode(oJson[i].Text);
     9             oPtion.appendChild(option_text);
    10             oProvinve.appendChild(oPtion);
    11         }
    12     });
    13 }

    三、同过Option对象创建,

    $.get("Handler/GetHospitalTypeHandler.ashx", function (result) {
        var jsonStr = eval("(" + result + ")");
        for (var i = 0; i < jsonStr.length; i++) {
            oScType.options[i] = new Option(jsonStr[i].text, jsonStr[i].id);
        }
    
    });

     它还有内置的方法add,可以把上面循环中的代码写成下面的(上面是根据索引添加的,下面是在现有基础上累加的)

    1 oSelect.options.add(new Option(oJson[i].Text, oJson[i].ID));
  • 相关阅读:
    Lua Coroutine详解
    Lua IO库详解
    vue 组件基本使用
    js 发送异步请求
    小程序保存图片到相册
    js 学习四 对象应用 吃货游戏
    js 学习三 Array
    js 学习二 字符串常用方法
    js 学习一 猜数字游戏
    phpmyadmin导入大容量.sql文件
  • 原文地址:https://www.cnblogs.com/Mryjp/p/select.html
Copyright © 2011-2022 走看看