一阵风
一阵风
  • 发布:2017-05-05 17:38
  • 更新:2019-05-22 10:21
  • 阅读:4034

mui中使用select出现点击当前的select时,会跳到另一个select

分类:MUI

详细问题描述
[内容]连续的几个select,出现点击当前的select时,会跳到另一个select

重现步骤
[步骤]点击连续中的某一个
[结果]不显示当前的下拉选项,显示另一个select的下拉选项
[期望]显示当前的selectde 下拉选项

运行环境
ios

附件
[代码片段]
<ul class="mui-table-view">
<li class="mui-table-view-cell choose">
<div class="tab_left">
<font class="star"></font>样品来源:</div>
<div class="tab_right">
<img src="../img/jichazhifa-18@2x.png" class="chooseImg">
<div class="tab_right_lable">
<select id="sampleSource" class="mui-btn tab_right_lable">
<option value="-1">请选择</option>
<option value="0">加工/自制</option>
<option value="1">委托生产</option>
<option value="2">外购</option>
<option value="3">其它</option>
</select>
</div>
</div>
</li>
</ul>
<ul class="mui-table-view">
<li class="mui-table-view-cell choose">
<div class="tab_left">
<font class="star">
</font>样品属性:</div>
<div class="tab_right">
<img src="../img/jichazhifa-18@2x.png" class="chooseImg">
<div class="tab_right_lable">
<select id="sampleProperty" class="mui-btn tab_right_lable">
<option value="-1">请选择</option>
<option value="0">普通食品</option>
<option value="1">特殊膳食食品</option>
<option value="2">节令食品</option>
<option value="3">重大活动保障食品</option>
</select>
</div>
</div>
</li>
</ul>
<ul class="mui-table-view">
<li class="mui-table-view-cell choose">
<div class="tab_left">
<font class="star">*</font>样品类型:</div>
<div class="tab_right">
<img src="../img/jichazhifa-18@2x.png" class="chooseImg">
<div class="tab_right_lable">
<select id="sampleType_select" class="mui-btn tab_right_lable" onchange="sampleType_select();">
<option value="-1">请选择</option>
<option value="0">食用农产品</option>
<option value="1">工业加工食品</option>
<option value="2">餐饮加工食品</option>
<option value="3">食品添加剂</option>
<option value="4">食品相关产品</option>
<option value="5">其它</option>
</select>
</div>
</div>
<input id="sampleType_input" type="text" placeholder="您选择了其它,请输入相应内容" class="chooseOther_Input" style="border: 1px solid #E6E6E6;" />

                    </li>  
                </ul>  

[安装包]

联系方式
[QQ]2314434304
[电话]18910622392

2017-05-05 17:38 1 条评论 负责人:无 分享
已邀请:
7***@qq.com

7***@qq.com

<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
头上加上这个试试

1***@qq.com

1***@qq.com

楼上的有效吗

peaches

peaches

Njnnnn引吭高歌个

peaches

peaches

b b n n q

1***@qq.com

1***@qq.com

没啥效

该问题目前已经被锁定, 无法添加新回复