当前位置： 移动技术网 > IT编程>开发语言>JavaScript > jQuery实现监听下拉框选中内容发生改变操作示例

jQuery实现监听下拉框选中内容发生改变操作示例

2018年08月10日  | 移动技术网IT编程  | 我要评论

本文实例讲述了jquery实现监听下拉框选中内容发生改变操作。分享给大家供大家参考，具体如下：

jquery代码部分：

<script>
    $(document).ready(function(){
      var defaultid = "${defaultselected}";
      var defaulttime = "${timename}";
      $("select option").each(function(){
        if($(this).val()==defaultid || $(this).val()==defaulttime){
          $(this).attr("selected","selected");
        }
      });
      $("#all").change(function(){
        //alert(document.getelementbyid("allitem").selected);
        if(document.getelementbyid("allitem").selected == true){
          $("#timetext").hide();
          $("#timeselect").hide();
        }else{
          $("#timetext").show();
          $("#timeselect").show();
        }
      });
    });
</script>

html部分：

<form action="${baseurl}/report/issuestatus.shtml">
  <span>select a project:</span>
  <select name="selectedproid" id="all">
    <c:foreach items="${projectnameid}" var="pi">
      <option value="${pi.value}">${pi.key}</option>
    </c:foreach>
    <option value="-1" id="allitem">all</option>
  </select>
  <span id="timetext">select a time horizon:</span>
  <select name="timehorizon" id="timeselect">
    <option value="week">last week</option>
    <option value="month">last month</option>
  </select>
  <button type="submit" id="submit">search</button>
</form>

更多关于jquery相关内容感兴趣的读者可查看本站专题：《jquery常见事件用法与技巧总结》、《jquery常用插件及用法总结》、《jquery操作json数据技巧汇总》、《jquery扩展技巧总结》、《jquery常见经典特效汇总》及《jquery选择器用法总结》

希望本文所述对大家jquery程序设计有所帮助。

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网