微信小程序开发-下拉框选项select option写法

写小程序时候，经常遇到使用下拉框选项，不过每次都手写很麻烦，所有我就发一个例子吧，因为我包在其他模块中，所有样式不知道有没有复制全，大家见谅！

·

每一个值的高度等你们可以随意设置，看个人喜好。

这个原理很简单，首先准备一些标签，准备一张（展开与折叠用），数据绑定就不说了。

设置变量：selectShow， 控制下拉框列表是否显示隐藏，我设置的是高度，显示就设置高度，不显示就设置为0； index，设置显示第几个数据，默认可以设置为0，根据需求； selectData，你要选择的数据组[]；

当点击三角时候，设置下拉框option选项显示（高度）。当点击选项值的时候，设置全局变量的下标值，标签中会根据下标在数组中选中，绑定数据显示， 然后设置下拉框option选项不显示（高度0）。

option总高度设置，根据你有多少选项以及selectShow值是否显示，我设置的是小于5个时候默认高度325rpx,超过五个时候，选项组length 每一个50rpx，

height:{{selectShow(selectDatalength>5325:selectDatalength 50):0}}rpx;

这个是写的一个样式，我的是倒三角，当展开时候，添加一个样式，rotate180度。

class='select_img {{selectShow&&"select_img_rotate"}}' src='//images/b2png'

这个是我的选项内容是一组数组，所有我循环出来，顺便绑定一个数据到标签中data-index，也就是这个值在数组中的下标，点击时候获取方便用。然后添加一个事件catchtap='optionTap'。

wx:for='{{selectData}}' wx:key='this' data-index='{{index}}' catchtap='optionTap'

wxss样式：

不解释，，看设计需求写样式。不过大多通用。

写程序时候，很多地方会用到时间选项，送大家一个函数。获取一天时间分割数组。["00:00","00:05","00:10"] 参数minute ，设置隔几分钟分割。时间格式你们可以自己改。

--从Table 表中取出第 m 条到第 n 条的记录：(Not In 版本)

SELECT TOP n-m+1 FROM Table WHERE (id NOT IN (SELECT TOP m-1 id FROM Table )) --从TABLE表中取出第m到n条记录 (Exists版本)

SELECT TOP n-m+1 FROM TABLE AS a WHERE Not Exists

(Select From (Select Top m-1 From TABLE order by id) b Where bid=aid )

Order by id--m为上标，n为下标,例如取出第8到12条记录,m=8,n=12,Table为表名

Select Top n-m+1 From Table

Where Id>(Select Max(Id) From

(Select Top m-1 Id From Table Order By Id Asc) Temp)分析：--查询从第M条至N条的记录，写到存储过程中就是输入参数 declare @m int-- declare @n int-- declare @x int declare @y int--设置测试值 set @m=3 set @n=10 set @x=(@n-@m+1) set @y=(@m-1)/ 语法 Select top (n-(m-1)) from [表名] where [parimary key] not in(select top (m-1) [主键] from [表名] order by [排序字段及排序方法]) order by [排序字段及排序方法 ]; /--测试用例，因为T-sql top 后不支持表达式，故采取下面的方法 exec('select top '+@x+' from kfT_Community where [C_ID] not in (select top '+@y+' [C_ID] from kfT_Community order by [C_ID]) order by [C_ID]')--PS：如果在Orcale中，可以直接通过rownumber来控制，这样就容易多了例子：CREATE PROCEDURE TopNM ASdeclare @m int

declare @n int

declare @i int

declare @j intset @m=12set @n=8set @i=@m-@n+1

set @j=@n-1

GO或者（格式：Select top (n-(m-1)) from [表名] where [parimary key] not in(select top (m-1) [主键] from [表名] order by [排序字段及排序方法]) order by [排序字段及排序方法 ]; )select top 3 from newsinfo where (id not in (select top 3 id from newsinfo order by id desc )) order by id desc

解决方案:重写BaseAdapter,然后自行获取ListView中每行输入的EditText值

大概算法:重写BaseAdaptergetView函数,用一个数组存储EditText中的值,根据position即数组下标,在getView中动态更新EditText和动态获取EditText中的值因为ListView中的item是复用的,如果不动态清空或动态获取EditText中值,就会出现数据紊乱,或者没数据那么在生成EditText的时候要监控其值的变化存储下来

举例代码：

package comexmythandroid;

public class ListEditorAdapter extends BaseAdapter {

    private LayoutInflater mInflater;

    private List<Map<String, Object>> mData;// 存储的EditText值

    public Map<String, String> editorValue = new HashMap<String, String>();//

    public ListEditorAdapter(Context context, List<Map<String, Object>> data) {

        mData = data;

        mInflater = LayoutInflaterfrom(context);

        init();

    }

    // 初始化

    private void init() {

        editorValueclear();

    }

    @Override

    public int getCount() {

        return mDatasize();

    }

    @Override

    public Object getItem(int position) {

        return null;

    }

    @Override

    public long getItemId(int position) {

        return 0;

    }

    private Integer index = -1;

    @Override

    public View getView(int position, View convertView, ViewGroup parent) {

        ViewHolder holder = null;

        // convertView为null的时候初始化convertView。

        if (convertView == null) {

            holder = new ViewHolder();

            convertView = mInflaterinflate(Rlayoutlistview_item, null);

            holdername = (TextView) convertView

                    findViewById(Ridlist_item_name);

            holdertitle = (TextView) convertView

                    findViewById(Ridlist_item_title);

            holdervalue = (EditText) convertView

                    findViewById(Ridlist_item_inputvalue);

            holdervaluesetTag(position);

            holderuserkey = (TextView) convertViewfindViewById(Riduser_key);

            holdervaluesetOnTouchListener(new OnTouchListener() {

                @Override

                public boolean onTouch(View v, MotionEvent event) {

                    if (eventgetAction() == MotionEventACTION_UP) {

                        index = (Integer) vgetTag();

                    }

                    return false;

                }

            });

            class MyTextWatcher implements TextWatcher {

                public MyTextWatcher(ViewHolder holder) {

                    mHolder = holder;

                }

                private ViewHolder mHolder;

                @Override

                public void onTextChanged(CharSequence s, int start,

                        int before, int count) {

                }

                @Override

                public void beforeTextChanged(CharSequence s, int start,

                        int count, int after) {

                }

                @Override

                public void afterTextChanged(Editable s) {

                    if (s != null && !""equals(stoString())) {

                        int position = (Integer) mHoldervaluegetTag();

                        mDataget(position)put("list_item_inputvalue",

                                stoString());// 当EditText数据发生改变的时候存到data变量中

                    }

                }

            }

            holdervalueaddTextChangedListener(new MyTextWatcher(holder));

            convertViewsetTag(holder);

        } else {

            holder = (ViewHolder) convertViewgetTag();

            holdervaluesetTag(position);

        }

        Object value = mDataget(position)get("list_item_name");

        if (value != null) {

            holdernamesetText((String) value);

        }

        value = mDataget(position)get("list_item_title");

        if (value != null) {

            holdertitlesetText(valuetoString());

        }

        value = mDataget(position)get("user_key");

        if (value != null) {

            holderuserkeysetText(valuetoString());

        } else {

            holderuserkeysetText("-1");

        }

        value = mDataget(position)get("list_item_inputvalue");

        if (value != null && !""equals(value)) {

            holdervaluesetText(valuetoString());

        } else {

            String key = mDataget(position)get("user_key")toString();

            String inputValue = editorValueget(key);

            holdervaluesetText(inputValue);

        }

        holdervalueclearFocus();

        if (index != -1 && index == position) {

            holdervaluerequestFocus();

        }

        return convertView;

    }

    public final class ViewHolder {

        public TextView name;

        public TextView title;

        public EditText value;// ListView中的输入

        public TextView userkey;// 用来定义的标志性主键,可不用关心

    }

}

以上就是关于微信小程序开发-下拉框选项select option写法全部的内容，包括:微信小程序开发-下拉框选项select option写法、sql 取中间几条记录(select top 表达式)、Android的listview 怎么取得select内容等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！