当我点击订单分类(contract_kind)这个下拉字段是,点击其中的值“工程订单”,
显示 规格(extend12) 这个字段,请大神帮忙写个JS函数,谢谢。
只有这2个字段,和一个条件,没有其他的值了。
知道订单分类的name:extend1 title_id:extend1
规格的name:extend5 title_id:extend5
<select name="type" onchange="show_sub(this.options[this.options.selectedIndex].value)">
<option value="0">请选择</option>
<option value="维修订单">维修订单</option>
<option value="工程订单">工程订单</option>
</select>
<div id="extend12" style="display:none">规格:<input type="text" /></div>
<script>
function show_sub(v){
if(v == "工程订单"){
document.getElementById("extend12_id").show();
}else{
document.getElementById("extend12_id").hide();
}
}
</script>
//最重要的知识点是获在select onchange时获取option的value值:this.options[this.options.selectedIndex].value
说详细点,最好截个图
说详细点, 下拉框。onchange=function(){this.value='规格'}
感觉你说的是下拉框的判定事件
判断选中的值,如果为“销售订单”,则显示隐藏的div(包含“规格”和一个input)~
订单分类的select添加onchange事件,依据select的值将规格容器的显示或者隐藏起来就行了
<select onchange="document.getElementById('extend12').style.display = this.value == '工程订单' ? '' : 'none'">
<option value="....">请选择</option>
<option value="维修订单">维修订单</option>
<option value="工程订单">工程订单</option>
</select>
<div id="extend12" style="display:none">规格</div>
用jquery,具体的标签我不知道你是怎么写的,只能给个整体操作思路:
给下拉框绑定一个onChange事件,自己写个函数来获得change之后要做的事,把下拉框的值拿出来(如果还需要整个对象的值就要Ajax异步查一次)
//假设你的规格输入框id是extend12,下拉框id是contract_kind
function onContractChange(contractData) {
$.("#extend12").val(contractData);
}
//假设你的规格输入框id是extend12,下拉框id是contract_kind
function onContractChange(contractData) {
$.("#extend12").val(contractData);
}
function onContractChange(Data) {
$.("#extend12").val(Data);
}
在下拉框值改变事件上加一段js判断当前值是否是你要判断值,如果是控制下面input框展示,不是则将input框隐藏掉,具体的js可以在网上去找一下
百度一下下拉框呗。。。。。。。。。。。。。
下拉框id是contract_kind
function onContractChange(contractData) {
$.("#extend12").val(contractData);
}
先将规格(extend12)隐藏,select注册onchange事件就可以了
请选择
维修订单
工程订单
简单的做法是点击事件加显示的fanction(),这个比较好用的,就是判断下拉框的val();之后触发就好了