【JQuery select标签操作代码段】教程文章相关的互联网学习教程文章

javascript – JQuery追加到SELECT不工作?【代码】

我试图将一个项目附加到我的jquery选择中…… http://jsfiddle.net/5sWCp/ 但它似乎没有起作用.谁能告诉我我做错了什么?如果它完全相关我在Chrome上测试.解决方法:你没有在jsFiddle中选择jQuery,你使用的是MooTools,所以你的jsfiddle不起作用也就不足为奇了. 我在这里修好了:http://jsfiddle.net/5sWCp/1/ 另请注意,您应该使用$(“< option>”).attr(“value”,msg)而不是$(“option”).attr(“value”,msg),就像您在初始小提琴中...

javascript – jQuery select()方法不起作用【代码】

我需要获取select标签中所有选定选项的数据,为此我使用onclick()函数,该函数仅提供单击选项的数据.但是如果用户选择CTRL * A的所有选项,则不会收到任何数据.我试过使用在这种情况下不起作用的select().//jQuery onclick() $('select[name=sensors]').on('click', function(){$('#demo').text($('select[name=sensors]').val()); });//jQuery select() $('select[name=sensors]').select(function(){$('#demo2').text($('select[nam...

javascript – 如何使用jquery从select元素中删除选项?【代码】

我有这样的下拉菜单:<select id="select1"><option>1</option><option>2</option><option>3</option> </select><select id="select2"><option>1</option><option>2</option><option>3</option> </select>有相同的选择.所有选项都应该是唯一的,因此一旦在一个组合框中选择了该选项,它应该从其他组合框中删除.因此,如果用户在select1中选择“1”,则select2中将只有选项“2”和“3”. 现在,jQuery disable SELECT options based on R...

javascript – Jquery:Selector找不到类?【代码】

我正在尝试推进Jquery-autcomplete功能.我希望Jquery-autocomplete在表中创建新行.这到目前为止工作.但我希望Jquery添加一个删除按钮.因此,用户可以删除其中一个添加的项目.$(document).ready( function() {//create an new <tr> <td> in #log function log( message ) {$("<tr> <td>" + message + "<input class='Entf' type='button' value ='Entfernen' />" + "</td></tr>").appendTo("#log");$( "#log" ).attr( "scrollTop"...

javascript – 无法用jquery用数据实时搜索多个填充bootstrap select【代码】

我想用php代码中的选项填充以下select语句<select name='friends[]' id='friends' class='selectpicker show-tick form-control'data-live- search='true' multiple><!-- options here --> </select>我的jQuery代码$.ajax({url:'get_togethers.php', //this returns object datadata:'user_id='+user_id,type:'POST',datatype:'json',success:function(data) { //data = {"0":{"id":1,"name":"Jason"},"1":{"id":2,"name":"Will"},...

javascript – jQuery:$(document).on(event,name as selector,function【代码】

参见英文答案 > How can I select an element by name with jQuery? 14个对不起,如果这太简单了,我是编程的新手,我偶然发现了这个问题.如何使用name属性作为a中的选择器$(document).on(‘click’,’#thisisforid’,function()..? 有充分的文档表明,我可以使用#idname和.classname来使用id和类名,但是无处可寻(我试过很难搜索)如何或者如果我可以使用name属性.解决方法:使用像这样的Atrribute ...

javascript – 如何从jquery select中调用返回值上的hide【代码】

我的DOM结构如下:<div class="weather-Dashboard"></div>Dashboard<div class="weather-Charts">charts</div><div class="weather-Statistics">Statistics</div><div class="weather-Sites">Sites</div>我想选择每个包含天气的div dom并用jQuery隐藏它们.以下是我的JS代码:var e = $('div[class *= "weather"]'); e.each(function() {console.log(this);this.hide(); });运行此代码后,我得到以下错误:Uncaught TypeError: this....

javascript – jQuery – selectbox上的自动选择功能不能很好地运行【代码】

我有2个选择框.当我在selectbox1上选择一个选项时,无论值是什么,它都会自动更改selectbox2上的相应值. 问题是,代码工作正常,直到几次尝试.然后,即使我更改selectbox1上的选项,它也不会更新selectbox2上的选项. 重现这个问题;通过A到E,然后重复. 码:$(".firstSelectBox").change(function(e) {var selectedOption = $("option:selected", this);var idx = $(this).children().index(selectedOption)var secChildIdx = $(".secondSe...

javascript – jQuery:如果select元素存在则执行某些操作【代码】

嘿,我环顾了Stack Overflow并尝试了其他一些人的尝试,我无法让这个工作. 我有一个像这样的选择元素:<select id="slct_firstCat" name="slct_firstCat" size="15"> </select>这只显示一个特定的AJAX请求完成后,所以这个select元素没有加载原始页面的DOM,它在主页加载后作为单独的AJAX请求加载. 我基本上想要这样做……if (/* select element exists */) {// Then change the colour of a div to green } else {// Change the colou...

javascript – 如何在jQuery Mobile中动态创建selectmenu?【代码】

我正在尝试动态创建一个select元素,但它不是由jQuery Mobile设计的.实现这一目标的正确方法是什么? JSFiddle解决方法:这是一个有效的jsFiddle示例:http://jsfiddle.net/Gajotres/dEXac/$(document).on('pagebeforeshow', '#index', function(){ // Add a new select element $('<select>').attr({'name':'select-choice-1','id':'select-choice-1'}).appendTo('[data-role="content"]');$('<option>').attr({'value':'1'})...

javascript – JQuery Selector不工作,循环的地方.为什么?【代码】

我有两个jquery选择器,我没有找到第三个“暴力”方法所需的选项.我完全失去了原因.每个看起来都应该是这样,我验证了文件在选择器运行时已满载.我在选择器中尝试了每个值和文本,并在我的页面中得到了相同的结果.使用下面的jquery加载方法动态加载html(其中theType是来自html选择控件的值)以及相关的javascript:var theType = $('#TicketType option:selected').val(); var theId = $("#Id").val(); var url = '/SystemBuildSiteCo...

javascript – 理解JQuery Selector表达式【代码】

我正在尝试阅读一些使用此表达式选择元素的JavaScript$("body > div:not(.layout-ignore):not(.ui-loader)") 我得到它从身体开始,但是大于(>)符号说选择body元素中没有.layout-ignore的所有div元素,也不是.ui-loader类属性? 任何人都可以向我解释这种语法吗?还请指出一些帮助我进一步理解这个选择器表达式的在线文档. 干杯解决方法:jQuery使用CSS选择器作为基础. MDN对于这些是什么以及它们如何工作有一个非常全面的指导. 请看这...

javascript – 在Bootstrap selectpicker上使用jQuery取消选择一个选项【代码】

我正在使用Bootstrap来处理一些UI元素:SelectPicker允许用户选择多个选项并将其呈现在段落标记中的屏幕上.他们还应该能够删除选定的选项. 这是我将选定的选项渲染到屏幕上的代码,因此每个选项旁边都会显示一个“X”,当它被点击时,所选项目将从屏幕中删除://Render selected item to the screen$('#dataCombo').change(function(){ $('#dataOutput').html(''); var values = $('#dataCombo').val(); for(var i = 0; i < values.le...

javascript – 将焦点设置为jQuery UI MultiSelect Widget中的Filter输入【代码】

我正在编写一个小脚本,它将焦点设置到多选jquery小部件的过滤器文本输入字段.根据文档,我可以订阅小部件的click事件,如下所示:// bind to event $("#multiselect").bind("multiselectopen", function(event, ui){// event handler here });所以我尝试了这个:$("#MyStatusWidget").bind("multiselectopen", function(event, ui){// event handler here$(this).$(".ui-multiselect-filter").contents('input :text').focus());});这...

javascript – 如何将jQuery UI selectmenu与按钮对齐?【代码】

我一直在努力解决这个问题(我真的没有使用过jQuery UI). 我正在尝试实现一个在常规buttons旁边有一个selectmenu的jQuery UI.由于某些原因我无法理解,selectmenu是错误对齐的;它在页面上比按钮更高. 这是它的样子: 我不确定这是不是一个bug,对我来说肯定是非常错误的.我现在已经挣扎了很长一段时间,但还是没能弄清楚. 标记非常基本,所以我认为在这里包含它并不是很有帮助.但是它就在这里:http://jsbin.com/afixij/10/edit?html,cs...