`

下拉框click事件

阅读更多
[color=indigo]
方法一:
$('#selectId').change(function (){
$.ajax({
url:url,
type:'post', //数据发送方式
dataType:'xml', //接受数据格式
data:'par_int_org_id='+$("select[@id='select1'] option[@selected]").val(),  //要传递的数据
error:function(json){
    alert( "not lived!");
  },
  success: function(xml){
    $("#selectId2").html('');//清空2号下拉框
  $(xml).find("select").each(function(){
  var id=$(this).attr("id"); //获取返回的ID
  var name=$(this).text(); //获取返回的NAME
    $('<option value='+id+'>'+name+'</option>').appendTo('#select2'); //添加下拉框
    $("#selectId2").attr('disabled','') //2号下拉框可用
        }
        );
    $('<option value="">---请选择---</option>').appendTo('#selectId2');
  }
});
});


方法二:

$('#selectId').change(function (){
$.ajax({
url:url, async:true,
complete: function (req) {
getOptions(req, $("#handle_user").get(0));
}
});

function getOptions(req, obj) {
    // 要重新插入option的select
     obj.options.length = 0;
    obj.add(new Option("--- 请选择 ---", ""));
    var xmlDoc = req.responseXML.documentElement;
    try {
    var selectArr = xmlDoc.getElementsByTagName("select");
    for (var i = 0; i < selectArr.length; i++) {
    // value
    var value = selectArr[i].childNodes[0].firstChild.nodeValue;
    // label
    var label = selectArr[i].childNodes[1].firstChild.nodeValue;
    var option = new Option(label, value);
    obj.add(option);
    }
    } catch(e) {
   
    }
    }


[/color]
分享到:
评论

相关推荐

    Python爬虫之Selenium下拉框处理的实现

    在我们浏览网页的时候经常会... click():鼠标点击事件(其他鼠标事件请参考Python爬虫 – Selenium(5)鼠标事件) move_to_element():鼠标悬停(详情请参考Python爬虫 – Selenium(5)鼠标事件) from selenium im

    快速解决js开发下拉框中blur与click冲突

    一、blur和click事件简述 blur事件:当元素失去焦点时触发blur事件;其为表单事件,blur和focus事件不会冒泡,其他表单事件都可以。 click事件:当点击元素时触发click事件;所有元素都有此事件,会产生冒泡。 示例...

    PyQt5重写QComboBox的鼠标点击事件方法

    今天小编就为大家分享一篇PyQt5重写QComboBox的鼠标点击事件方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

    js实现点击向下展开的下拉菜单效果代码

    主要介绍了js实现点击向下展开的下拉菜单效果代码,涉及javascript鼠标事件控制页面元素样式变换的技巧,具有一定参考借鉴价值,需要的朋友可以参考下

    解决vue使用vant下拉框van-dropdown-item 绑定title值不变问题

    1、创建vue项目 2、使用vant组件 npm install vant –S 全局引用时在main.js引入 import Vant from 'vant'; import 'vant/lib/index.css';...在需要使用下拉框的地方使用下拉框组件 &lt;van-dropdown

    jQuery on()方法绑定动态元素的点击事件无响应的解决办法

    $('#check_all').on('click' , function(){ alert&#40;1&#41;; }); $("#yujinlist").append(html); count++; } 以上代码执行时,点击#check_all时,alert一直没反应,后在网上查资料时,才知道on前面的元素也必须在...

    基于vue.js中关于下拉框的值默认及绑定问题

    一、今天遇到vue中下拉框问题,故而写点东西留个脚印 &lt;select v-model='selected' @click=disable()&gt; (option,index) v-bind:value=option.value disabled=option.disabled&gt; {{ option.text }}{{index}}{...

    jQuery实现下拉框左右移动(全部移动,已选移动)

    click() 方法触发 click 事件,或规定当发生 click 事件时运行的函数。 看一下具体实现的代码: &lt;html xmlns=http://www.w3.org/1999/xhtml&gt; &lt;head&gt; &lt;title&gt;&lt;/title&gt; [removed][removed]...

    vue组件实践之可搜索下拉框功能

    之前也写过这个小组件,最近遇到select下加搜索的功能,所以稍微完善一下。 效果图: 子组件 DROPDOWN.VUE ... &lt;div class=cur-name class=isShow click=isShow&gt;{{itemlist.cur.name}} &lt;div class=search-modu

    基于jQuery实现下拉框

    项目中经常会遇到下拉框,在扁平化和响应式布局大行其道的今天,使用jQuery来实现下拉框就十分的必要了,而且也会美观很多,这里就给大家推荐一段基于jQuery的下拉框代码。 jQuery代码: 代码如下:  $(function()...

    jQuery select下拉框单选和多选插件.zip

    js代码 [removed][removed] [removed] ... $('a.search-choice-close[data-option-array-index="' $(this).data('option-array-index') '"]').trigger('click'); }); } }); [removed]

    JQuery下拉框应用示例介绍

    实现两个下拉框数据移动,追加 代码如下: $(‘#add’).click(function(){ var $options = $(‘#select1 option:selected’); //获取选中的项 var $remove = $options.remove(); $remove.appenTo(‘#select2’); }); ...

    一个简单的jquery的多选下拉框(自写)

    今天做的项目要用到多选的下拉框,开始想在网上找一个插件用用,可是,网上的插件看起来都比较杂乱,我参考了网上的一些插件,自己用jquery写了一个多选下拉框,js写得比较简洁。代码如下。 js代码 代码如下: ...

    一个简单的实现下拉框多选的插件可移植性比较好

    在使用上次写的一个多先下拉框时,我发现了很多问题,经过修改和完善后,现在已经能够很好地使用了,且可移植性也比较好,下面是源代码。 js 代码如下: (function(){ $.fn.extend({ checks_select: function(options...

    解决bootstrap中下拉菜单点击后不关闭的问题

    指定要操作的元素的click事件停止传播—定义属性值data-stopPropagation的元素点击时停止传播事件 //下拉框查询组件点击查询栏时不关闭下拉框 $(body).on('click','[data-stopPropagation]',function (e) { e....

    Ajax获取php返回json数据动态生成select下拉框的实例

    功能:根据选择不同层次,在专业下拉框中动态生成对应分类的专业。 HTML: 层次 &lt;select name=level id=level&gt; 本科 高职(专科) &lt;/select&gt; 专业 &lt;select name=major id=major&gt; ...

    toggle一个div显示或隐藏且可扩展成自定义下拉框

    //阻止冒泡事件 $(“.toggleoption”).slideToggle(“fast”); }); //slideup div $(document).click(function(event) { var eo = $(event.target); if($(“.toggleoption”).is(“:visible”) && eo.attr(“class...

    VoPhone Click2Call-crx插件

    -快速呼叫功能,只需在VoPhone Click2Call下拉框中直接键入任何数字即可。 。 -在Chrome工具栏上添加一个Vophone一键式按钮,即可快速登录到您的帐户。 -适用于大多数CRM和Small Business套件,包括Salesforce.com,...

    vue 解除鼠标的监听事件的方法

    描述:在移动端中,我们的首页tab会缓存一些点击事件,比如在机构页面点开了下拉框==》在切换到赛事页面==》在切换回机构页面发现下拉款已经缓存了,是下拉的状态 1. 2. 3. 解决:每次滑动到别的页面的...

Global site tag (gtag.js) - Google Analytics