精华内容
下载资源
问答
  • 程序要求:编写一个html文件的网页代码,页面包含一个下拉列表框、一个文本框和一个按钮,下拉列表框选择要去的网站,当选择完毕后文本框中出现对应的网址。点击确认跳转按钮后访问文本框中出现的网址。实现效果:...

    程序要求:

    编写一个html文件的网页代码,页面包含一个下拉列表框、一个文本框和一个按钮,下拉列表框选择要去的网站,当选择完毕后文本框中出现对应的网址。点击确认跳转按钮后访问文本框中出现的网址。

    实现效果:

    319fa261778ed72db4dccdaf08e947cf.png

    实现代码:

    JavaScript事件

    请选择

    百度

    网易

    qq

    新浪

    确认跳转

    function surf(){

    select=document.getElementById("select_www").value;

    switch(select){

    case "http://www.baidu.com" :

    document.getElementById("textbox").value="http://www.baidu.com";

    break;

    case "http://www.163.com" :

    document.getElementById("textbox").value="http://www.163.com";

    break;

    case "http://www.qq.com" :

    document.getElementById("textbox").value="http://www.qq.com";

    break;

    case "http://www.sina.com.cn" :

    document.getElementById("textbox").value="http://www.sina.com.cn";

    break;

    }

    }

    function jump(){

    location=document.getElementById("textbox").value;

    }

    总结

    以上所述是小编给大家介绍的JS实现点击下拉列表文本框中出现对应的网址,点击跳转按钮实现跳转,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

    如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

    展开全文
  • Android中的有个原生的下拉列表控件Spinner,但是这个控件有时候不符合我们自己的要求, 比如有时候我们需要类似windows 或者web网页中常见的那种下拉列表控件 详细 代码下载:...
    技术:Android+java
     

    概述

    Android中的有个原生的下拉列表控件Spinner,但是这个控件有时候不符合我们自己的要求, 比如有时候我们需要类似windows 或者web网页中常见的那种下拉列表控件

    详细

    一、概述

    Android中的有个原生的下拉列表控件Spinner,但是这个控件有时候不符合我们自己的要求,

    比如有时候我们需要类似windows 或者web网页中常见的那种下拉列表控件,类似下图这样的:

    31.gif

    32.png

    这个时候只有自己动手写一个了。其实实现起来不算很难,

    本文实现的方案是采用TextView +ImageView+PopupWindow的组合方案。

    先来看看我们的自己写的控件效果图吧:(源码在文章下面最后给出哈!)

    33.png

     

    二、自定义下拉列表框控件的实现

    1. 自定义控件用到的布局文件和资源:

    结果框的布局页面:dropdownlist_view.xml:

    <?xml version="1.0" encoding="utf-8"?>
    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="horizontal"
        android:id="@+id/compound"
        android:background="@drawable/dropdown_bg_selector" >
        
        <TextView
            android:id="@+id/text"
            android:layout_width="250dp"
            android:layout_height="40dp"
            android:paddingLeft="10dp"
            android:text="文本文字"
            android:gravity="center_vertical"
            android:textSize="14sp"
            android:padding="5dp"
            android:singleLine="true" />
        <ImageView 
            android:id="@+id/btn"
            android:layout_width="30dp"
            android:layout_height="30dp"
            android:layout_toRightOf="@+id/text"
            android:src="@drawable/dropdown"
            android:padding="5dp"
            android:layout_centerVertical="true"
            android:gravity="center"/>
    </RelativeLayout>

    下拉弹窗列表布局页面:dropdownlist_popupwindow.xml:

    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical" >
        
        <ListView
            android:id="@+id/listView"
            android:layout_width="280dp"
            android:layout_height="wrap_content"
            android:divider="#666666"
            android:dividerHeight="1dp"
             ></ListView>
    
    </LinearLayout>

     

    2. 自定义下拉列表框控件类的实现:

    我们采用了TextView+ImageView+PopupWindow的组合方案,所以我的自定义控件需要重写ViewGroup,由于我们已经知道了,布局方向为竖直方向,所以这里,

    我直接继承LinearLayout来写这个控件。具体实现代码如下:

    package com.czm.xcdropdownlistview;
    
    import java.util.ArrayList;
    
    
    import android.annotation.SuppressLint;
    import android.content.Context;
    import android.util.AttributeSet;
    import android.view.LayoutInflater;
    import android.view.View;
    import android.view.ViewGroup;
    import android.widget.BaseAdapter;
    import android.widget.ImageView;
    import android.widget.LinearLayout;
    import android.widget.ListView;
    import android.widget.PopupWindow;
    import android.widget.TextView;
    
    @SuppressLint("NewApi")
    /**
     * 下拉列表框控件
     * @author caizhiming
     *
     */
    public class XCDropDownListView extends LinearLayout{
    
        private TextView editText;
        private ImageView imageView;
        private PopupWindow popupWindow = null;
        private ArrayList<String> dataList =  new ArrayList<String>();
        private View mView;
        public XCDropDownListView(Context context) {
            this(context,null);
            // TODO Auto-generated constructor stub
        }
        public XCDropDownListView(Context context, AttributeSet attrs) {
            this(context, attrs,0);
            // TODO Auto-generated constructor stub
        }
        public XCDropDownListView(Context context, AttributeSet attrs, int defStyle) {
            super(context, attrs, defStyle);
            // TODO Auto-generated constructor stub
            initView();
        }
    
        public void initView(){
            String infServie = Context.LAYOUT_INFLATER_SERVICE;
            LayoutInflater layoutInflater;
            layoutInflater =  (LayoutInflater) getContext().getSystemService(infServie);
            View view  = layoutInflater.inflate(R.layout.dropdownlist_view, this,true);
            editText= (TextView)findViewById(R.id.text);
            imageView = (ImageView)findViewById(R.id.btn);
            this.setOnClickListener(new OnClickListener() {
                
                @Override
                public void onClick(View v) {
                    // TODO Auto-generated method stub
                    if(popupWindow == null ){
                        showPopWindow();
                    }else{
                        closePopWindow();
                    }
                }
            });
        }
        /**
         * 打开下拉列表弹窗
         */
        private void showPopWindow() {  
            // 加载popupWindow的布局文件  
            String infServie = Context.LAYOUT_INFLATER_SERVICE;
            LayoutInflater layoutInflater;
            layoutInflater =  (LayoutInflater) getContext().getSystemService(infServie);
            View contentView  = layoutInflater.inflate(R.layout.dropdownlist_popupwindow, null,false);
            ListView listView = (ListView)contentView.findViewById(R.id.listView);
            
            listView.setAdapter(new XCDropDownListAdapter(getContext(), dataList));
            popupWindow = new PopupWindow(contentView,LayoutParams.WRAP_CONTENT,LayoutParams.WRAP_CONTENT);
            popupWindow.setBackgroundDrawable(getResources().getDrawable(R.color.transparent));
            popupWindow.setOutsideTouchable(true);
            popupWindow.showAsDropDown(this);
        }
        /**
         * 关闭下拉列表弹窗
         */
        private void closePopWindow(){
            popupWindow.dismiss();
            popupWindow = null;
        }
        /**
         * 设置数据
         * @param list
         */
        public void setItemsData(ArrayList<String> list){
            dataList = list;
            editText.setText(list.get(0).toString());
        }
        /**
         * 数据适配器
         * @author caizhiming
         *
         */
        class XCDropDownListAdapter extends BaseAdapter{
    
            Context mContext;
            ArrayList<String> mData;
            LayoutInflater inflater;
            public XCDropDownListAdapter(Context ctx,ArrayList<String> data){
                mContext  = ctx;
                mData = data;
                inflater = LayoutInflater.from(mContext);
            }
            @Override
            public int getCount() {
                // TODO Auto-generated method stub
                return mData.size();
            }
    
            @Override
            public Object getItem(int position) {
                // TODO Auto-generated method stub
                return null;
            }
    
            @Override
            public long getItemId(int position) {
                // TODO Auto-generated method stub
                return position;
            }
    
            @Override
            public View getView(int position, View convertView, ViewGroup parent) {
                // TODO Auto-generated method stub
                // 自定义视图
                ListItemView listItemView = null;
                if (convertView == null) {
                    // 获取list_item布局文件的视图
                    convertView = inflater.inflate(R.layout.dropdown_list_item, null);
                    
                    listItemView = new ListItemView();
                    // 获取控件对象
                    listItemView.tv = (TextView) convertView
                            .findViewById(R.id.tv);
    
                    listItemView.layout = (LinearLayout) convertView.findViewById(R.id.layout_container);
                    // 设置控件集到convertView
                    convertView.setTag(listItemView);
                } else {
                    listItemView = (ListItemView) convertView.getTag();
                }
                
                // 设置数据
                listItemView.tv.setText(mData.get(position).toString());
                final String text = mData.get(position).toString();
                listItemView.layout.setOnClickListener(new OnClickListener() {
                    
                    @Override
                    public void onClick(View v) {
                        // TODO Auto-generated method stub
                        editText.setText(text);
                        closePopWindow();
                    }
                });
                return convertView;
            }
        
        }
        private static class ListItemView{
            TextView tv;
            LinearLayout layout;
        }
    
    }

    三、如何使用该自定义下拉列表框控件

    使用该控件和使用普通的自带的控件一样,在java代码中使用:

    XCDropDownListView dropDownListView;
        @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
    
            dropDownListView = (XCDropDownListView)findViewById(R.id.drop_down_list_view);
            ArrayList<String> list = new ArrayList<String>();        for(int i = 0;i< 6;i++){
                list.add("下拉列表项"+(i+1));
            }
            dropDownListView.setItemsData(list);
    
        }

     

    四、项目代码结构目录图

    34.jpg

    注:本文著作权归作者,由demo大师发表,拒绝转载,转载需要作者授权

    转载于:https://www.cnblogs.com/demodashi/p/10503299.html

    展开全文
  • bgiframe 插件解决 IE6 的问题,如果网页上下拉选单重叠时,在IE6会看到下拉选框总是把浮动区块覆盖住 首先去jquery 官方网下载 jquery.bgiframe.js 然后在jsp页面引入 Java代码 &lt;script type...

    bgiframe 插件解决 IE6 的问题,如果网页上下拉选单重叠时,在IE6会看到下拉选框总是把浮动区块覆盖住
    首先去jquery 官方网下载 jquery.bgiframe.js 然后在jsp页面引入

    Java代码
    1. <script type= 'text/javascript'  src= '<%= request.getContextPath()%>/js/jquery.bgiframe.js' ></script>  
    2. <script type="text/javascript" >    
    3.   
    4.     $(function() {    
    5.   
    6.         $('#livemargins_contro' ).bgiframe();       
    7.   
    8.      });    
    9.   
    10.  </script>  
    展开全文
  • 精通Java JDK

    热门讨论 2009-06-27 20:03:50
    JComboBoxDemo.java JComboBox下拉列表组件的实现 JSliderDemo.java JSlider滑块组件的实现 JProgressBarDemo.java JProgressBar进度条组件的实现 JMenuDemo.java.java JMenuDemo.java进度条组件的实现 ...
  • 案例是;我有2个网页..第1页 - 主页主页包含导航(主页,产品)产品导航有一...隐藏了Product1和Product2内容,因此只有在“产品”下拉列表中选择产品时,才会显示每个产品 .问题:当我在产品页面上并从下拉列表中选择...

    案例是;

    我有2个网页..

    第1页 - 主页

    主页包含导航(主页,产品)

    产品导航有一个下拉选项 .

    列表是:(Product1,Product2)

    这两个选项都使用此代码链接到第二页,

    Folio Plus

    结果:效果很好

    第2页 - 产品

    产品下拉菜单仍显示在第2页 .

    隐藏了Product1和Product2内容,因此只有在“产品”下拉列表中选择产品时,才会显示每个产品 .

    问题:当我在产品页面上并从下拉列表中选择另一个产品时,页面内容不会改变,但网址现在指向我选择的产品 .

    当product1显示然后我想切换到其他产品说product2时,url地址现在指向product2但是显示的内容仍然是product1 ..

    我用这个代码 .

    var anc = window.location.href.split('#')[1];

    $('#' + anc + '.prod_cont').show();

    请问任何解决方案?...提前谢谢

    展开全文
  • javascript常用代码

    2012-01-29 14:49:46
    主要是以下功能的代码: 一、验证类 1、数字验证内 1.1 整数 1.2 大于0的整数 (用于传来的id的验证) 1.3 负整数的验证 1.4 整数不能大于imax 1.5 整数不能小于imin 2、时间类 2.1 短时间,形如 (13:...
  • 6.3 java+sql或者java+sql+xml 7、无边框效果的制作 8、连动下拉框技术 9、文本排序 10,画图类,含饼、柱、矢量贝滋曲线 11,操纵客户端注册表类 12,div层相关(拖拽、显示、隐藏、移动、增加) 13,...
  • javascript代码常用大全

    2012-12-08 09:58:39
    6.3 java+sql或者java+sql+xml 7、无边框效果的制作 8、连动下拉框技术 9、文本排序 10,画图类,含饼、柱、矢量贝滋曲线 11,操纵客户端注册表类 12,DIV层相关(拖拽、显示、隐藏、移动、增加) 13,...
  • 18.2 下拉列表与菜单的应用 706 18.3 单选按钮 713 18.4 复选框 716 18.5 密码域 717 18.6 表单的应用 718 第19章 表格的操作 724 19.1 应用JavaScript操作表格 725 19.2 对单元格进行控制 737 19.3 表格的特殊效果 ...
  • 18.2 下拉列表与菜单的应用 706 18.3 单选按钮 713 18.4 复选框 716 18.5 密码域 717 18.6 表单的应用 718 第19章 表格的操作 724 19.1 应用JavaScript操作表格 725 19.2 对单元格进行控制 737 19.3 表格的特殊效果 ...
  • 18.2 下拉列表与菜单的应用 706 18.3 单选按钮 713 18.4 复选框 716 18.5 密码域 717 18.6 表单的应用 718 第19章 表格的操作 724 19.1 应用JavaScript操作表格 725 19.2 对单元格进行控制 737 19.3 表格的特殊效果 ...
  • 6.6.html 多级下拉列表联动。 6.7.html 各种使用JavaScript获取复选框值的方法。 6.8.html JavaScript控制复选框。 6.9.html 复选框的JavaScript特效。 6.10.html JavaScript取单选框的值。 ...
  • 疯狂Android讲义源代码

    2016-11-08 21:23:53
    2.1.4 使用XML布局文件和Java代码混合控制UI界面 2.1.5 开发自定义View 2.2 第1组UI组件:布局管理器 2.2.1 线性布局 2.2.2 表格布局 2.2.3 帧布局 2.2.4 相对布局 2.2.5 Android 4.0新增的网格布局 2.2.6 绝对布局 ...
  • 网页中管理源代码仓库 镜像代码仓库 推入或拉出外部的代码仓库 处理合并请求 在提交时启动合并请求 返回概览 合并请求 创建主题-合并请求 描述 在本地处理合并请求 在本地处理合并请求的提示 ...
  • 实例098 应用Java程序片段动态生成下拉列表 实例099 同一页面中的多表单提交 实例100 在JSP脚本中插入JavaScript代码 实例101 将页面转发到用户登录页面 4.2 JSP内置对象 实例102 获取表单提交的信息 实例103...
  • 第2章(\代码\第02章) • sample01.htm 将JavaScript代码插入在标签与标签之间 • sample02.htm 将JavaScript代码放在了标签与标签之间 • sample03.htm JavaScript与HTML混合执行 • ...
  • 6.3 java+sql或者java+sql+xml 7、无边框效果的制作 8、连动下拉框技术 9、文本排序 10,画图类,含饼、柱、矢量贝滋曲线 11,操纵客户端注册表类 12,DIV层相关(拖拽、显示、隐藏、移动、增加) 13,TABLAE相关...
  • Java开发实战1200例.第2卷.part3

    热门讨论 2013-05-08 22:46:34
    实例067 建立与Java DB数据库的连接 132 3.2 数据库与数据表 133 实例068 列举SQL Server数据库中的数据表 133 实例069 列举MySQL数据库中的数据表 134 实例070 查看数据表结构 135 实例071 动态维护投票数据库 136 ...
  • Java开发实战1200例.第2卷.part2

    热门讨论 2013-05-08 22:45:35
    实例067 建立与Java DB数据库的连接 132 3.2 数据库与数据表 133 实例068 列举SQL Server数据库中的数据表 133 实例069 列举MySQL数据库中的数据表 134 实例070 查看数据表结构 135 实例071 动态维护投票数据库 136 ...
  • Java开发实战1200例.第2卷.part1

    热门讨论 2013-05-08 22:44:13
    实例067 建立与Java DB数据库的连接 132 3.2 数据库与数据表 133 实例068 列举SQL Server数据库中的数据表 133 实例069 列举MySQL数据库中的数据表 134 实例070 查看数据表结构 135 实例071 动态维护投票数据库 136 ...
  • 实例098 应用Java程序片段动态生成下拉列表 实例099 同一页面中的多表单提交 实例100 在JSP脚本中插入JavaScript代码 实例101 将页面转发到用户登录页面 4.2 JSP内置对象 实例102 获取表单提交的信息 实例103...
  •  4.2.7 下拉列表(Spinner)  4.2.8 自动提示(AutoComplete.TextⅥew)  4.2.9 日期和时间(DatePicker、TimePicker)  4.2.10 按钮(Button)  4.2.1l 菜单(Menu)  4.2.12 对话框(Dialog)  4.2.13 图片视图...
  • 如果你使用 EditPlus 进行文本编辑,那么每次创建文本文件,编辑后保存时,尽管文件类型下拉列表中显示的是文本文件, EditPlus 还是询问你是否添加".txt"后缀,是不是很烦? 解决方法: ① 在程序目录建立一个空的...
  • 6.3.8 下拉列表事件处理——SpinnerSelect 110 6.3.9 网格视图事件处理——GridView 112 6.3.10 视频播放事件处理——Video 114 6.3.11 相册事件处理——Gallery 116 6.3.12 拖动条事件处理——RatingBar/...
  • 4.8 自定义下拉菜单模式——Spinner与setDropDownViewResource 4.9 动态添加/删除的Spinner菜单——ArrayList与Widget的依赖性 4.10 心爱小宝贝相片集——Gallery与衍生BaseAdapter容器 4.11 快速的搜索手机文件引擎...
  • 书名:《Java Web开发实战1200例(第II卷)》(清华大学出版社.卢瀚.王春斌) PDF格式扫描版,全书分为7篇23章,共960页。2011年6月出版。 注:原书只有前20章818页,本人添加了剩余章节重新编辑成完整版本,为了方便...
  • 书名:《Java Web开发实战1200例(第II卷)》(清华大学出版社.卢瀚.王春斌) PDF格式扫描版,全书分为7篇23章,共960页。2011年6月出版。 注:原书只有前20章818页,本人添加了剩余章节重新编辑成完整版本,为了方便...
  • 书名:《Java Web开发实战1200例(第II卷)》(清华大学出版社.卢瀚.王春斌) PDF格式扫描版,全书分为7篇23章,共960页。2011年6月出版。 注:原书只有前20章818页,本人添加了剩余章节重新编辑成完整版本,为了方便...

空空如也

空空如也

1 2 3 4
收藏数 72
精华内容 28
关键字:

java网页下拉列表代码

java 订阅