这个JS函数怎么写呢?请大神指教

当我点击订单分类(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事件就可以了



请选择

维修订单
工程订单


规格:

<br> function show_sub(v){<br><br> if(v == &quot;工程订单&quot;){<br> document.getElementById(&quot;extend12_id&quot;).show();<br> }else{<br> document.getElementById(&quot;extend12_id&quot;).hide();<br> }<br> }<br><br>

//最重要的知识点是获在select onchange时获取option的value值:this.options[this.options.selectedIndex].value

简单的做法是点击事件加显示的fanction(),这个比较好用的,就是判断下拉框的val();之后触发就好了