前端html 原生代码
描述:这里是实现一个下拉框 对应的下拉框的值 展示对应的 时间个数inpu框
例如: 下拉框是 半年 那么付款日期 就展示二个 付款的input框
<div class="col-sm-4 b-r">
<label class="col-sm-3 control-label">划转日期(季度):</label>
<select id="quatrdate" name="划转日期(季度)" underline="true">
<option value="月度">月度</option>
<option value="季度">季度</option>
<option value="半年">半年</option>
<option value="年">年</option>
</select>
</div>
<div class="col-sm-4 b-r" id="payTimeTwo1" style="display:block">
<!--landlord-->
<#input id="payTimeTwo" name="第二次付款日期" underline="true" type="date" />
</div>
<div class="col-sm-4 b-r" id="payTimeThree1" style="display:block">
<!--landlord-->
<#input id="payTimeThree" name="第三次次付款日期" underline="true" type="date"/>
</div>
<div class="col-sm-4 b-r" id="payTimeFor1" style="display:block">
<!--landlord-->
<#input id="payTimeFor" name="第四次付款日期" underline="true" type="date"/>
</div>
//选择季度
$("#quatrdate").change(function () {
var type=this.options[this.options.selectedIndex].value
if(type=="月度"){
$("#payTimeTwo1")[0].style.display="block"
$("#payTimeThree1")[0].style.display="block"
$("#payTimeFor1")[0].style.display="block"
}
if(type=="季度"){
$("#payTimeTwo1")[0].style.display="block"
$("#payTimeThree1")[0].style.display="block"
$("#payTimeFor1")[0].style.display="block"
}
if(type=="半年"){
$("#payTimeTwo1")[0].style.display="block"
$("#payTimeThree1")[0].style.display="block"
$("#payTimeFor1")[0].style.display="none"
}
if(type=="年"){
$("#payTimeTwo1")[0].style.display="none"
$("#payTimeThree1")[0].style.display="none"
$("#payTimeFor1")[0].style.display="none"
}
})