根据select下拉框选择的值,向form表单添加所要显示的内容的方法

form表单

<form action="" id="myform" method="post">  

  <tr class="tr">
            <td class="center" style="width:120px;">跟单结果</td>
            <td colspan="6">
                <select name="Ext_WithResult" id="Ext_WithResult"οnchange="change(this)" class="select Regional"> //绑定onchange操作
                    <option  value="0">--请选择--</option>
                    <volist name="dmenu" id="vo">
                        <if condition="$vo.FieldName eq 'Ext_DepositWithResult'">
                        <option value="<{$vo.ID}>"><{$vo.MenuName}>&nbsp;&nbsp;</option>
                        </if>
                    </volist>
                </select>

                <div id="show"style="display:inline;"></div>   //定义一个div用来存放要添加内容
            </td>
        </tr>

 </form>

在网页form表单外部定义需要显示的内容,并隐藏:

<divid="sign" style="display:none;">
        <b>签单产品:</b>
        <select name="Ext_SignType" id="Ext_SignType" class="select Regional">
            <option  value="0">--请选择--</option>
            <volist name="dmenu" id="vo">
                <if condition="$vo.FieldName eq 'Ext_SignType'">
                <option value="<{$vo.ID}>" <if condition="$vo.ID eq $result['Ext_SignType']">selected</if>><{$vo.MenuName}>&nbsp;&nbsp;</option>
                </if>
            </volist>
        </select>
        <b>签单金额:</b><input class="ctext"  name="Ext_SignAmount" id="Ext_SignAmount" value="" type="text" />    元
        <b>签单日期:</b><input class="Wdate  WdateFmtErr"  name="Htime" id="Htime" style="width:120px;" type="text" οnfοcus="WdatePicker({startDate:'%y-%M-01 00:00:00',dateFmt:'yyyy-MM-dd',alwaysUseStartDate:true})" readonly=""/>
    </div>

通过jquery的html()方法向上面的div中添加需要的内容:

<script type="text/javascript">
    //跟单结果在选择签单时,向form表单添加相应的显示内容
    function change(obj){
        if($(obj).val()==100){
            $("#show").html('');    //先清空一下div
            var html1 = $("#sign").html();  //获取要向div中添加的内容
            $("#show").html(html1);  //向div中添加内容
        }else {
            $("#show").html('');
        }
    }

</script>


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值