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}> </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}> </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>