小程序form表单不定数量的input，select内容提交

最新推荐文章于 2023-11-20 10:35:57 发布

hangGe0111

最新推荐文章于 2023-11-20 10:35:57 发布

阅读量2.3k

点赞数 1

分类专栏：微信小程序文章标签：小程序 form表单不定个数input select

本文链接：https://blog.csdn.net/hangGe0111/article/details/81183395

版权

1.wxml

<view style="width:630rpx;margin:0 auto;">
  <form bindsubmit="formSubmit" report-submit="{
  {true}}">
    <!--楼盘名称  -->
    <view class='jg_input flex flexSb alignC'>
      <view class='jg_input_l'>商户名称</view>
      <view class='jg_input_r'>
        <picker class='jg_input_picker' bindchange="jgPickerChange" value="{
  {jgIndex}}" range="{
  {jgArray}}" range-key="{
  {'name'}}">
          <view class="picker">
            {
  {jgIndex>=0?jgArray[jgIndex].name:"请选择"}}
          </view>
        </picker>
      </view>
    </view>

    <block wx:for="{
  {jgBmXmSj}}">
      <view class='jg_input flex flexSb alignC mt30'>
        <view class='jg_input_l'>{
  {item.name}}</view>
        <view class='jg_input_r'>
          <!-- 2:报名序号；3：手机号码；4：姓名 -->
          <block wx:if='{
  {item.id==2}}'>
            <input maxlength="30" class='jg_input_in' name='baoMingbmxh'></input>
          </block>
          <block wx:if='{
  {item.id==3}}'>
            <input maxlength="11" type='number' class='jg_input_in' name='baoMingsjhm'></input>
          </block>
          <block wx:if='{
  {item.id==4}}'>
            <input maxlength="5" type='text' class='jg_input_in' name="baoMingxm"></input>
          </block&g

最低0.47元/天解锁文章