qq_39372401
2017-12-14 08:14
采纳率: 74.1%
浏览 1.3k
已采纳

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

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

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

图片说明
图片说明

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

  • 写回答
  • 好问题 提建议
  • 关注问题
  • 收藏
  • 邀请回答

16条回答 默认 最新

  • 雪飞梦魂天 2017-12-14 12:40
    已采纳
     <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
    
    
    已采纳该答案
    评论
    解决 无用
    打赏 举报
  • 马踏紫陌 2017-12-14 08:27

    说详细点,最好截个图

    评论
    解决 无用
    打赏 举报
  • ipple1986 2017-12-14 08:30

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

    评论
    解决 无用
    打赏 举报
  • 阡路陌人 2017-12-14 08:45

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

    评论
    解决 无用
    打赏 举报
  • titvax 2017-12-14 08:49

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

    评论
    解决 无用
    打赏 举报
  • 醉蝎目 2017-12-14 08:53


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

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

    评论
    解决 无用
    打赏 举报
  • 订单分类的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>
    
    评论
    解决 无用
    打赏 举报
  • Ultraman_TigaSang 2017-12-14 09:01

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

    //假设你的规格输入框id是extend12,下拉框id是contract_kind
    function onContractChange(contractData) {
        $.("#extend12").val(contractData);
    }
    
    评论
    解决 无用
    打赏 举报
  • qq_34709495 2017-12-14 09:05

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

    评论
    解决 无用
    打赏 举报
  • lixiaowen2007 2017-12-14 09:25

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

    评论
    解决 无用
    打赏 举报
  • yong164970 2017-12-14 10:35

    在下拉框值改变事件上加一段js判断当前值是否是你要判断值,如果是控制下面input框展示,不是则将input框隐藏掉,具体的js可以在网上去找一下

    评论
    解决 无用
    打赏 举报
  • YXTS122 2017-12-14 18:25

    百度一下下拉框呗。。。。。。。。。。。。。

    评论
    解决 无用
    打赏 举报
  • qq_33388990 2017-12-15 00:26

    下拉框id是contract_kind
    function onContractChange(contractData) {
    $.("#extend12").val(contractData);
    }

    评论
    解决 无用
    打赏 举报
  • Jingdsa丶 2017-12-15 01:46

    先将规格(extend12)隐藏,select注册onchange事件就可以了

    评论
    解决 无用
    打赏 举报
  • ipple1986 2017-12-16 06:32



    请选择

    维修订单
    工程订单


    规格:

    <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
    评论
    解决 无用
    打赏 举报
  • lixiaozhen007 2017-12-16 09:32

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

    评论
    解决 无用
    打赏 举报

相关推荐 更多相似问题