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

当我点击订单分类(contract_kind)这个下拉字段是,点击其中的值“工程订单”,
显示 规格(extend12) 这个字段,请大神帮忙写个JS函数,谢谢。

只有这2个字段,和一个条件,没有其他的值了。

图片说明
图片说明

知道订单分类的name:extend1 title_id:extend1
规格的name:extend5 title_id:extend5

16个回答

 <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

订单分类的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>

说详细点,最好截个图

说详细点, 下拉框。onchange=function(){this.value='规格'}

lixiaowen2007
lixiaowen2007 下拉框的onchange事件
2 年多之前 回复
qq_39372401
qq_39372401 我这已经说得很详细了吧
2 年多之前 回复

感觉你说的是下拉框的判定事件

m0_37852904
阡路陌人 $("select").on("change",function(){if($(this).val() == "工程订单"){$("extend12").show()}else {$("extend12").hide()}})
2 年多之前 回复
m0_37852904
阡路陌人 $("select").on("change",function(){})
2 年多之前 回复
qq_39372401
qq_39372401 对啊,判定完后进行显示或者隐藏
2 年多之前 回复

判断选中的值,如果为“销售订单”,则显示隐藏的div(包含“规格”和一个input)~


showinfo(thisObj)
if (thisObj.value == "工程订单") {
document.getElementById("extend12_id").style.display = "";
}else {
document.getElementById("extend12_id").style.display = "none";
}
}

好吧 好久没用过select框了,不知道这样可不可以获取到那个值

qq_34362497
醉蝎目 回复qq_39372401: 我的其实有挺多毛病的,你看下帮我纠正错误的那个呗,我看着写的蛮好的
2 年多之前 回复
qq_39372401
qq_39372401 取不到值
2 年多之前 回复

用jquery,具体的标签我不知道你是怎么写的,只能给个整体操作思路:
给下拉框绑定一个onChange事件,自己写个函数来获得change之后要做的事,把下拉框的值拿出来(如果还需要整个对象的值就要Ajax异步查一次)

//假设你的规格输入框id是extend12,下拉框id是contract_kind
function onContractChange(contractData) {
    $.("#extend12").val(contractData);
}
oliver_105397
Ultraman_TigaSang 回复qq_39372401: 改变样式不是这样写的,有个css的方法,比如改变背景:$("#yourId").css("background-color","red");
2 年多之前 回复
qq_39372401
qq_39372401 contractData这是啥?$.("#extend12").val().style.display="block";对吗
2 年多之前 回复

//假设你的规格输入框id是extend12,下拉框id是contract_kind
function onContractChange(contractData) {
$.("#extend12").val(contractData);
}

qq_39372401
qq_39372401 contractData这是啥
2 年多之前 回复

function onContractChange(Data) {
$.("#extend12").val(Data);
}

共16条数据 1 尾页
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问