`

下拉框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]
分享到:
评论

相关推荐

    解决element-ui中下拉菜单子选项click事件不触发的问题

    在使用Vue框架结合Element-UI组件库开发中,我们可能会遇到下拉菜单中子选项的click事件无法触发的问题。Element-UI是一个基于Vue 2.0的桌面端组件库,广泛用于快速开发页面组件。其中,组件提供了下拉菜单功能,则...

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

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

    ASP.NET下拉框可勾选

    在客户端,我们可以使用JavaScript或jQuery监听下拉框的事件,如`change`或`click`,以便在用户勾选或取消勾选选项时更新选中状态。同时,为了提供良好的用户体验,可以考虑添加搜索过滤功能,使用户在大量选项中...

    winform-下拉框多选

    1. 添加全选按钮:为了实现全选功能,可以在用户界面上添加一个Button控件,并为其添加Click事件处理程序。在处理程序中,可以通过遍历CheckedListBox的所有项并设置它们的Checked属性为True来实现全选。 ```csharp...

    jquery+html自定义select下拉框,下拉框美化

    这里的关键是使用jQuery的事件监听器(如`click`、`mouseover`)和DOM操作方法(如`addClass`、`removeClass`)。 美化下拉框涉及以下几个方面: 1. **布局**:通过CSS调整下拉框的大小、位置、边框和背景颜色,使...

    layui问题之模拟select点击事件的实例讲解

    在Web开发中,模拟select元素的点击事件是一项常见的需求,尤其是当我们希望在不直接与页面交互的情况下改变选项值时。本文将通过实例讲解来阐述如何在使用layui框架的情况下,模拟select的点击事件。 ### 标题知识...

    javascript下拉框选项单击事件的例子分享

    此外,除了上述提到的`click`和`change`事件之外,还有其他几个与下拉框相关的事件,比如`focus`、`blur`和`keydown`等。这些事件同样可以用于丰富下拉框的交互行为,根据实际需求选择合适的事件进行监听。 总结来...

    bootstrap树形下拉框 下拉框树形菜单

    这可以通过监听`click`事件并动态调整`display`属性来实现。 ```html 选择 &lt;span class="caret"&gt;&lt;/span&gt; ``` ```javascript $(".dropdown-toggle").click(function () { $("#treeview-select").toggle(); }); ...

    JS实现左边的下拉框内容移动到右边下拉框,支持内容上下移动

    例如,可以监听`click`事件来响应用户点击,`keydown`或`keyup`事件来响应键盘操作。你需要理解如何使用`addEventListener`来添加事件监听器,以及如何在事件处理函数中编写逻辑。 4. **下拉框操作**: HTML的`...

    jQuery自定义下拉框.zip

    常见的事件有点击事件(`.click()`)、鼠标悬停事件(`.mouseover()/.mouseout()`)以及键盘事件(`.keydown()/.keyup()`)。这些事件用于控制下拉框的展开与收起,以及选中项的变化。 4. **动态创建和操作DOM**:...

    jquery 多选项下拉框

    - 选项选择:为每个选项绑定 `click` 事件,处理用户的多选行为。可以使用 `addClass` 和 `removeClass` 来切换选中状态,并更新按钮或文本的显示内容。 四、多选项下拉框的优化与扩展 - 搜索功能:添加搜索框,...

    用WPF实现多选下拉框

    为此,我们需要在数据源中为每个项添加一个IsSelected属性,并在CheckBox的Click事件中更新它。 ```csharp public class Option : INotifyPropertyChanged { private bool isSelected; public string Content { ...

    ASP.NET多选下拉框自定义控件

    - 事件处理:添加Click事件监听下拉按钮,打开隐藏的多选列表;添加ItemCheckedChanged事件处理用户的选择变化。 4. 客户端脚本:利用JavaScript或jQuery处理客户端交互,如显示/隐藏多选列表,同步单选下拉框和...

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

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

    jquery下拉框左右选择

    2. **事件处理**:jQuery提供了丰富的事件处理函数,如`click()`、`change()`等,用于响应用户的交互。在“下拉框左右选择”中,我们需要监听用户的选择和拖动行为,如点击按钮或按下键盘。 3. **DOM操作**:包括`...

    C# 带checkbox的多选下拉框

    当用户点击列表项时,需要捕获`Click`事件,并根据鼠标点击位置判断是否选中了CheckBox。 3. **事件处理**: - `DrawItem`事件:在这个事件中,我们需要确定CheckBox的位置、大小和状态,并绘制它们。同时,也要...

    js css 模拟html下拉框

    在JavaScript中,我们可以监听`&lt;select&gt;`元素的事件,如`click`或`change`,然后动态地生成或更新HTML结构,以展示自定义的下拉选项。例如,当用户点击下拉按钮时,可以使用JS将下拉选项以列表形式显示出来: ```...

    C#写的颜色下拉框

    3. 自定义颜色功能:为ComboBox添加Click事件,当用户点击下拉框后,弹出ColorDialog。 ```csharp private void comboBox_Click(object sender, EventArgs e) { ColorDialog dialog = new ColorDialog(); if ...

    c# 带树形显示的下拉框

    - **事件处理**:处理鼠标点击和键盘交互,例如单击节点时的`Click`事件,以及按下键盘时的`KeyDown`事件,以控制树的展开和折叠。 4. **性能优化** - **虚拟化**:对于大数据集,为了提高性能,可以采用虚拟化...

    jquery 实现下拉框左右选择

    接下来是jQuery部分,我们需要监听按钮的点击事件,并根据用户的操作更新两侧下拉框的选项。这通常涉及到`$.fn.appendTo`和`$.fn.remove`方法,它们分别用于在DOM中添加和删除元素。以下是基本的jQuery代码实现: `...

Global site tag (gtag.js) - Google Analytics