快跑蜗牛哥
2018-11-15 03:28
采纳率: 100%
浏览 4.2k

小程序 实现 按下不同按钮时 使不同的文字显示在文本框中?

在小程序 中 实现如 图片中的功能,

    ![图片说明](https://img-ask.csdn.net/upload/201811/15/1542252426_405689.png)
  • 写回答
  • 好问题 提建议
  • 关注问题
  • 收藏
  • 邀请回答

1条回答 默认 最新

  • 已采纳
    
    <block wx:for="{{items}}">
       <view bindtap="click" data-index="{{index}}" data-text="{{item}}" style="border:solid 1px {{index==selectedIndex?'orange':'#666'}};width:45%;float:left;text-align:center;line-height:30px;margin:5px">{{item}}</view>
    </block>
    <textarea value="{{selectedText}}" style="clear:both;border:solid 1px #ccc"></textarea>
    
    
    
    // demo.js
    Page({
      data: {
        items: ['好啊好1', '好啊好2', '好啊好3','好啊好4'],
         selectedIndex:-1,
         selectedText:''
      },
      onLoad: function (options) {
      },
      click:function(e){
        var ds = e.target.dataset,index=ds.index,text=ds.text;
        this.setData({selectedIndex:index,selectedText:text})
      }
    })
    
    已采纳该答案
    评论
    解决 5 无用
    打赏 举报

相关推荐 更多相似问题