`
- 浏览:
49805 次
- 性别:
- 来自:
苏州
-
[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]
分享到:
Global site tag (gtag.js) - Google Analytics
相关推荐
在使用Vue框架结合Element-UI组件库开发中,我们可能会遇到下拉菜单中子选项的click事件无法触发的问题。Element-UI是一个基于Vue 2.0的桌面端组件库,广泛用于快速开发页面组件。其中,组件提供了下拉菜单功能,则...
在我们浏览网页的时候经常会... click():鼠标点击事件(其他鼠标事件请参考Python爬虫 – Selenium(5)鼠标事件) move_to_element():鼠标悬停(详情请参考Python爬虫 – Selenium(5)鼠标事件) from selenium im
在客户端,我们可以使用JavaScript或jQuery监听下拉框的事件,如`change`或`click`,以便在用户勾选或取消勾选选项时更新选中状态。同时,为了提供良好的用户体验,可以考虑添加搜索过滤功能,使用户在大量选项中...
1. 添加全选按钮:为了实现全选功能,可以在用户界面上添加一个Button控件,并为其添加Click事件处理程序。在处理程序中,可以通过遍历CheckedListBox的所有项并设置它们的Checked属性为True来实现全选。 ```csharp...
这里的关键是使用jQuery的事件监听器(如`click`、`mouseover`)和DOM操作方法(如`addClass`、`removeClass`)。 美化下拉框涉及以下几个方面: 1. **布局**:通过CSS调整下拉框的大小、位置、边框和背景颜色,使...
在Web开发中,模拟select元素的点击事件是一项常见的需求,尤其是当我们希望在不直接与页面交互的情况下改变选项值时。本文将通过实例讲解来阐述如何在使用layui框架的情况下,模拟select的点击事件。 ### 标题知识...
此外,除了上述提到的`click`和`change`事件之外,还有其他几个与下拉框相关的事件,比如`focus`、`blur`和`keydown`等。这些事件同样可以用于丰富下拉框的交互行为,根据实际需求选择合适的事件进行监听。 总结来...
这可以通过监听`click`事件并动态调整`display`属性来实现。 ```html 选择 <span class="caret"></span> ``` ```javascript $(".dropdown-toggle").click(function () { $("#treeview-select").toggle(); }); ...
例如,可以监听`click`事件来响应用户点击,`keydown`或`keyup`事件来响应键盘操作。你需要理解如何使用`addEventListener`来添加事件监听器,以及如何在事件处理函数中编写逻辑。 4. **下拉框操作**: HTML的`...
常见的事件有点击事件(`.click()`)、鼠标悬停事件(`.mouseover()/.mouseout()`)以及键盘事件(`.keydown()/.keyup()`)。这些事件用于控制下拉框的展开与收起,以及选中项的变化。 4. **动态创建和操作DOM**:...
- 选项选择:为每个选项绑定 `click` 事件,处理用户的多选行为。可以使用 `addClass` 和 `removeClass` 来切换选中状态,并更新按钮或文本的显示内容。 四、多选项下拉框的优化与扩展 - 搜索功能:添加搜索框,...
为此,我们需要在数据源中为每个项添加一个IsSelected属性,并在CheckBox的Click事件中更新它。 ```csharp public class Option : INotifyPropertyChanged { private bool isSelected; public string Content { ...
- 事件处理:添加Click事件监听下拉按钮,打开隐藏的多选列表;添加ItemCheckedChanged事件处理用户的选择变化。 4. 客户端脚本:利用JavaScript或jQuery处理客户端交互,如显示/隐藏多选列表,同步单选下拉框和...
一、blur和click事件简述 blur事件:当元素失去焦点时触发blur事件;其为表单事件,blur和focus事件不会冒泡,其他表单事件都可以。 click事件:当点击元素时触发click事件;所有元素都有此事件,会产生冒泡。 示例...
2. **事件处理**:jQuery提供了丰富的事件处理函数,如`click()`、`change()`等,用于响应用户的交互。在“下拉框左右选择”中,我们需要监听用户的选择和拖动行为,如点击按钮或按下键盘。 3. **DOM操作**:包括`...
当用户点击列表项时,需要捕获`Click`事件,并根据鼠标点击位置判断是否选中了CheckBox。 3. **事件处理**: - `DrawItem`事件:在这个事件中,我们需要确定CheckBox的位置、大小和状态,并绘制它们。同时,也要...
在JavaScript中,我们可以监听`<select>`元素的事件,如`click`或`change`,然后动态地生成或更新HTML结构,以展示自定义的下拉选项。例如,当用户点击下拉按钮时,可以使用JS将下拉选项以列表形式显示出来: ```...
3. 自定义颜色功能:为ComboBox添加Click事件,当用户点击下拉框后,弹出ColorDialog。 ```csharp private void comboBox_Click(object sender, EventArgs e) { ColorDialog dialog = new ColorDialog(); if ...
- **事件处理**:处理鼠标点击和键盘交互,例如单击节点时的`Click`事件,以及按下键盘时的`KeyDown`事件,以控制树的展开和折叠。 4. **性能优化** - **虚拟化**:对于大数据集,为了提高性能,可以采用虚拟化...
接下来是jQuery部分,我们需要监听按钮的点击事件,并根据用户的操作更新两侧下拉框的选项。这通常涉及到`$.fn.appendTo`和`$.fn.remove`方法,它们分别用于在DOM中添加和删除元素。以下是基本的jQuery代码实现: `...