`
- 浏览:
48360 次
- 性别:
- 来自:
苏州
-
[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
相关推荐
在我们浏览网页的时候经常会... click():鼠标点击事件(其他鼠标事件请参考Python爬虫 – Selenium(5)鼠标事件) move_to_element():鼠标悬停(详情请参考Python爬虫 – Selenium(5)鼠标事件) from selenium im
一、blur和click事件简述 blur事件:当元素失去焦点时触发blur事件;其为表单事件,blur和focus事件不会冒泡,其他表单事件都可以。 click事件:当点击元素时触发click事件;所有元素都有此事件,会产生冒泡。 示例...
今天小编就为大家分享一篇PyQt5重写QComboBox的鼠标点击事件方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
主要介绍了js实现点击向下展开的下拉菜单效果代码,涉及javascript鼠标事件控制页面元素样式变换的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
1、创建vue项目 2、使用vant组件 npm install vant –S 全局引用时在main.js引入 import Vant from 'vant'; import 'vant/lib/index.css';...在需要使用下拉框的地方使用下拉框组件 <van-dropdown
$('#check_all').on('click' , function(){ alert(1); }); $("#yujinlist").append(html); count++; } 以上代码执行时,点击#check_all时,alert一直没反应,后在网上查资料时,才知道on前面的元素也必须在...
一、今天遇到vue中下拉框问题,故而写点东西留个脚印 <select v-model='selected' @click=disable()> (option,index) v-bind:value=option.value disabled=option.disabled> {{ option.text }}{{index}}{...
click() 方法触发 click 事件,或规定当发生 click 事件时运行的函数。 看一下具体实现的代码: <html xmlns=http://www.w3.org/1999/xhtml> <head> <title></title> [removed][removed]...
之前也写过这个小组件,最近遇到select下加搜索的功能,所以稍微完善一下。 效果图: 子组件 DROPDOWN.VUE ... <div class=cur-name class=isShow click=isShow>{{itemlist.cur.name}} <div class=search-modu
项目中经常会遇到下拉框,在扁平化和响应式布局大行其道的今天,使用jQuery来实现下拉框就十分的必要了,而且也会美观很多,这里就给大家推荐一段基于jQuery的下拉框代码。 jQuery代码: 代码如下: $(function()...
js代码 [removed][removed] [removed] ... $('a.search-choice-close[data-option-array-index="' $(this).data('option-array-index') '"]').trigger('click'); }); } }); [removed]
实现两个下拉框数据移动,追加 代码如下: $(‘#add’).click(function(){ var $options = $(‘#select1 option:selected’); //获取选中的项 var $remove = $options.remove(); $remove.appenTo(‘#select2’); }); ...
今天做的项目要用到多选的下拉框,开始想在网上找一个插件用用,可是,网上的插件看起来都比较杂乱,我参考了网上的一些插件,自己用jquery写了一个多选下拉框,js写得比较简洁。代码如下。 js代码 代码如下: ...
在使用上次写的一个多先下拉框时,我发现了很多问题,经过修改和完善后,现在已经能够很好地使用了,且可移植性也比较好,下面是源代码。 js 代码如下: (function(){ $.fn.extend({ checks_select: function(options...
指定要操作的元素的click事件停止传播—定义属性值data-stopPropagation的元素点击时停止传播事件 //下拉框查询组件点击查询栏时不关闭下拉框 $(body).on('click','[data-stopPropagation]',function (e) { e....
功能:根据选择不同层次,在专业下拉框中动态生成对应分类的专业。 HTML: 层次 <select name=level id=level> 本科 高职(专科) </select> 专业 <select name=major id=major> ...
//阻止冒泡事件 $(“.toggleoption”).slideToggle(“fast”); }); //slideup div $(document).click(function(event) { var eo = $(event.target); if($(“.toggleoption”).is(“:visible”) && eo.attr(“class...
-快速呼叫功能,只需在VoPhone Click2Call下拉框中直接键入任何数字即可。 。 -在Chrome工具栏上添加一个Vophone一键式按钮,即可快速登录到您的帐户。 -适用于大多数CRM和Small Business套件,包括Salesforce.com,...
描述:在移动端中,我们的首页tab会缓存一些点击事件,比如在机构页面点开了下拉框==》在切换到赛事页面==》在切换回机构页面发现下拉款已经缓存了,是下拉的状态 1. 2. 3. 解决:每次滑动到别的页面的...