我正在尝试将简单的单击事件绑定到下拉列表的选定选项。 $(‘select#myselect’).delegate(‘:selected’, ‘click’, function() { alert(‘selected’); }); 此代码适用于Firefox,但不适用于Chrome / Safari。 我可以使用.delegate()为这样的下拉菜单绑定一个选项吗? 如果是这样,怎么样? 如果没有,最好的替代解决方案是什么? 顺便说一句, jQuery点击事件..使用.change()提供了一个潜在的解决方案,但我想尽可能使用.delegate()管理所有绑定。
我使用帮助jqueryValidation进行了注册。 一切都会好的,但我注意到,在Opera和Mozilla Firefox中,来自bootstrap的“select”看起来很难看。 我使用jquery选择来解决我的问题,但这两个脚本不想一起工作。 边框不会更改颜色,并且不会显示错误消息。 有什么帮助吗? 这是我的代码: Afghanistan Aland Islands … Zimbabwe MyValidation js: $(document).ready(function(){ $(‘#contact-form’).validate({ rules: { country:{ required: true } }, highlight: function(element) { $(element).closest(‘.form-group’).removeClass(‘has-success’).addClass(‘has-error’); }, unhighlight: function(element) { $(element).closest(‘.form-group’).removeClass(‘has-error’).addClass(‘has-success’); } }); }); 和自定义下拉列表js: var config = { ‘.chosen-select’ : {} } for (var selector in config) { $(selector).chosen(config[selector]); }
我想预先选择以下集合中的第一个单选按钮: HTML jQuery的 var i = 1; // for sake of this example $(‘[name=”serviceNoteType\\[‘+ i +’\\]”]’).prop(‘checked’, true); 结果是第二个单选按钮被选中,我希望选择第一个单选按钮。 如何定位第一个单选按钮?
感谢您阅读我的问题… 😉 我正在构建一个Wordpress网站,该网站使用自定义post和自定义字段来显示车辆库存。 我希望访问者能够按分类法过滤post… 我用于钻取可用分类法(查询多个分类法)的插件将它可以为特定分类法找到的所有选项输出到下拉列表中。 为了防止下拉列表(即模型)变得太长,我想仅显示基于先前选择的那些选项。 因此,当访问者选择Vehicle = Cars时,制造商的下拉列表应仅显示汽车制造商。 当访问者选择一个制造商,即福特时,选择模型的下一个下拉列表应该只显示前一个选定制造商可用的模型,在这种情况下福特…… 标签和0级值不会更改,但是当我添加或更改制造商或型号时,级别1和/或级别2会发生变化。 不是那么重要但是,如果可能的话,在“过滤”下拉列表中删除所有不需要的东西也是很好的。 如果是制造商下拉列表,则不需要等级0和所有空格。 在Model下拉列表的情况下,选择后不需要level-0,level1和所有空格。 以下是插件生成的HTML代码的示例: Vehicle: Cars Motorcycles Manufacturer: Cars Ford Chevrolet Motorcycles Honda Yamaha Model: Cars Ford Model 1 Model 2 Model 3 Chevrolet Model 1 Model 2 Model 3 Motorcycles Honda Model 1 Model 2 Model 3 Yamaha Model 1 Model 2 Model […]
我在rails视图中看到了这样的select标签: = f.select :shipping_id, options_for_select([“Select”] + @shippings.map{ |c| [c.name, c.id]}), :required => true 而我不会这样做:如果页面加载,这个选择仅显示“请选择我:D”,我必须从选择中选择一些值,而不是这个(“请选择我:D”),如果我有选择或默认“请选择我:D”,我得到错误,或类似的东西? 它必须是像占位符这样的东西,如果我点击这个选择隐藏价值? 我知道如何在jQuery中执行此操作,但想在rails视图中执行此操作
我想按类筛选(显示/隐藏)元素。 我想让5个filter一起工作。 … … … … 和 … jQuery的: jQuery(document).ready(function ($) { $(“select”).on(“change”, function () { var filterVal = $(“select#filter4”).val(); var filterVal2 = $(“select#filter5”).val(); var filterVal3 = $(“select#filter6”).val(); var filterVal4 = $(“select#filter7”).val(); var filterVal5 = $(“select#filter8”).val(); var filterSelector = “”; var filter2Selector = “”; var filter3Selector = “”; var filter4Selector = “”; var filter5Selector = […]
我有一个问题,让一系列链接的选择输入工作。 基本上,我希望能够在第一个下拉列表中选择一个航class号,然后用有效的目的地填充第二个,第三个用有效的航class号填充。 获得一个下拉以填充下一个似乎工作正常,问题似乎是因为我需要在第一个下拉中更改以填充第三个,它似乎似乎没有可靠的工作。 有时它会起作用,有时却不起作用,我不知道为什么。 javascript代码: $(function(){ $(“select#fromICO”).change(function(){ $.getJSON(“/trip_reports_chain.php”,{from: $(‘#fromICO’).val(), t: ‘d’}, function(j){ var options = ”; for (var i = 0; i < j.length; i++) { options += '’ + j[i].optionDisplay + ”; } $(“select#toICO”).html(options); }); $.getJSON(“/trip_reports_chain.php”,{to: $(‘#toICO’).val(), t: ‘f’, from: $(‘#fromICO’).val()}, function(j){ var options = ”; for (var i = 0; i < j.length; […]
看看这个示例代码: $(document).ready(function(){ $(“body”).on(‘click’, “#teste”,function(){ $(‘#teste’).append(‘pera’) $(‘#teste’).show(); }); }); banana laranja 我的问题是click事件显示选择框,并且只有在用新值(“pera”)更新它之后。 我需要做的是首先使用新值更新select并且仅在显示之后。 无论如何使用jQuery做到这一点? 先谢谢你,伙计们! 编辑: 好吧,让我试着解释一下:每当你点击一个选择以显示它自动显示它的选项时(很明显!)。 我的问题是我需要拦截click事件,更新select并且只有在显示select之后。 但它在更新之前显示了选择(这是默认行为)。 这是发生的事情: 1)选择初始值:banana,laranja 2)用户点击它。 我想要的:展示香蕉,laranja和pera作为选择。 会发生什么:它显示列表中的banana,laranja,只显示它并且只有在更新了select之后(如果我用fiebug检查html代码,那么pera选项就在那里!)。 如果我在select中再次单击,pera选项会正常显示,并且正如上面的代码所示,它会在select中附加另一个pera选项,该选项仅出现在下一次单击中,依此类推。
给出以下html None 1 2 3 None 1 2 3 None 1 2 3 如果已在data1和data2上选择了选项,那么如何隐藏/删除data3上的选定选项? 例如,如果我在data1上选择1,然后在data2上选择2,我如何在data3上删除这两个选项? 先感谢您。 问候。
当我通过克隆向DIV添加选择动态时,我无法从新下拉列表中选择任何内容,任何想法为什么? $(“.inline-form .copyIng:first-child”).clone().appendTo(“.inline-form”); 见: http : //jsfiddle.net/rxwL6/ .trigger(“refresh”); Dosen’t change anything, I still can’t select anything from the new dropdown.