Tag: 选择

jquery无法从输入元素中获取值(2)

我正在使用jquery尝试检索文本输入的值,但它无法正常工作。 谁能看到我做错了什么? http://jsfiddle.net/silvajeff/4Sb8K/3/ Category Find Row $(“#findRow”).click(function() { var tableRow = $(‘#oustandingItems tr:has(td input[value!=””])’).prevAll().length; var myValue = $(‘#oustandingItems input:has(td input[value!=””])’).val(); $(“#myRow”).val(myValue); });

转换:使用Jquery在单选按钮中选择

我有两个选择元素(第一个是尺寸,第二个是颜色)。 我无法在此代码中进行两次调整,我需要帮助才能了解如何继续。 第一:当我选择一个选项(单选按钮)时,我正在使用一个名为’checked’的类。 但问题是当我选择第二个选项(颜色)时,我需要在第一个选项(大小)中保持类’已’。 第二:用户无法选择第二个选项(颜色)而不选择第一个选项(第一个选项)。 所以我需要禁用颜色选项,直到用户选择一个大小。 HTML Tamanho PP P M G GG Cor Amarelo Vinho Vermelho Verde Roxo Rosa Preto Marrom Laranja Dourado Cinza Branco Azul Violeta JS $(‘select#iluria-product-variation1, select#iluria-product-variation2’).each(function(i, select){ var $select = jQuery(select); $select.find(‘option’).each(function(j, option){ var $option = jQuery(option); // Create a radio: var $radio = jQuery(”); // Set name and value: […]

从选项到span CSS类的值

我一直试图让这个工作几天了……令人大吃一惊。 我不是JavaScript / jQuery AT ALL的专家,所以放轻松,哈哈。 😉 我有9个值的下拉列表。 我也有一个类设置为’option0’的span。 下拉显然具有从1到9的值。我想在更改下拉列表时更改跨度的类。 如果使用下拉列表并选择了选项5,我希望跨度具有类’option5’。 这样做的最佳方式是什么? 感谢您的阅读,希望很快能收到您的回复。 C:

打开选择下拉到中间值

我想知道是否有人知道任何CSS或JS或JQuery魔术将允许下拉列表打开显示中间范围的选项。 我知道“selected”值,它控制加载select时显示的值。 我正在寻找的是一种方法,然后使用另一个值作为伪选择,以便弹出一个巨大的选项下拉列表默认为列表中间。 注册表单上DOB元素的特殊用途。 我们的大多数客户都在40多岁到60年代初期,但我们的下拉选择范围从1910年到2010年。理想情况下,当他们点击下拉列表时,如果可以打开以显示20世纪60年代的范围,那将是很好的。 从而减少了他们需要做的滚动量。

样式化或替换标准选择元素

我做了很多搜索,似乎无法找到我认为可能是一个相当直接的问题的答案。 我想在我的页面上设置一个选择样式,使它基本上是一个绿色正方形,所选数字(1 – 20)在中间显示为白色。 这是我到目前为止: select { width: 1.2em; height: 1.5em; background-color: #3CB23C; -moz-border-radius: 0.2em; border-radius: 0.2em; border: 0.06em outset #666; text-align: center; color: #fff; font-weight: bold; font-size: 4em; } 它到目前为止看起来很好,但我找不到任何关于如何删除箭头的内容,以使其看起来像一个带有数字的普通盒子。 (在我得到一千条回复之前,为什么我不应该这样做… 我知道 。我之前已经阅读过它们!我不是要求你告诉我,我是否应该问我怎么做 !这是一个移动应用程序,通过点击绿色框然后从结果列表中选择一个数字将选择一个数字。这将是明显的框,因此没有必要在这里进入可访问性对话请)。 我已经阅读了很多关于不能很容易地选择样式和其他表单元素的内容,而且我还阅读了很多类似的答案: “你不能将控件设置为自己的样式,但是使用JavaScript可以隐藏它并创建一个JavaScriptfunction控件,就像下拉列表一样。当选择一个项目时,它会选择下拉列表中的项目。” 但令人惊讶的是,很少有例子。 那么有没有人有一种方式pf造型箭头,以便它’消失’或如果不能使用简单的CSS删除箭头然后任何人有任何一个很好的例子,如何用Javascript复制这种效果? 谢谢

通过下拉值对表进行排序(简化我的代码)

我有一张桌子。 我希望用户能够通过他们在给定下拉列表中选择的选项来过滤表格。 我有它的工作,但它很麻烦,很难添加新的行(不能让它在jsfiddle工作,抱歉http://jsfiddle.net/anschwem/Y4cf6/2/ )。 任何简化的代码将不胜感激。 此外,如果此代码仅限于过滤某个表,那将是很好的,所以我可以有很多表和许多下拉。 如果这可以在没有行ID的情况下完成,甚至更好。 谢谢! 我的表/ html: cats cats dogs birds dogs Select… Cats Dogs Birds 码: $(window).load(function(){ $(‘select’).change(function() { if($(‘#selectFilter option:selected’).attr(‘id’) == “sel_All” || $(‘#selectFilter option:selected’).attr(‘id’) == “sel_All”){$(‘#catRow’).show();$(‘#catRow2’).show();$(‘#dogRow’).show();$(‘#dogRow2’).show();$(‘#birdRow’).show();} if($(‘#selectFilter option:selected’).attr(‘id’) == “selCats” || $(‘#selectFilter option:selected’).attr(‘id’) == “selCats”){$(‘#catRow’).show();$(‘#catRow2’).show();$(‘#dogRow’).hide();$(‘#dogRow2’).hide();$(‘#birdRow’).hide();} if($(‘#selectFilter option:selected’).attr(‘id’) == “selDogs” || $(‘#selectFilter option:selected’).attr(‘id’) == “selDogs”){$(‘#catRow’).hide();$(‘#catRow2’).hide();$(‘#dogRow’).show();$(‘#dogRow2’).show();$(‘#birdRow’).hide();} if($(‘#selectFilter option:selected’).attr(‘id’) == “selBirds” || […]

jquery创建了select,并在更改时触发

我似乎无法让这个工作。 我正在使用jquery创建一个html选择,我想要一些代码在其值发生变化时执行。 代码如下: var firstweddingturn = ‘400’; $(‘#weddingturn’).change(function() { alert (“Wedding select change triggered!”); //var wedturn = $(‘#weddingturnselectid’).val(); //$(‘#div3’).append(‘Wedding turn selected, ‘ + wedturn + ”) }); $(document).ready(function() { var html = []; html[html.length] = ”; var a = firstweddingturn; var b = Number(firstweddingturn) + 16; while (a < b) { // do some code […]

如何使用jquery替换此元素?

我的表格中有一个元素。 Choose State 我想用从AJAX收到的新替换上面的select元素。 $.ajax({ type: ‘POST’, url: ‘process.php’, data: ‘countryId=’+countryId, success: function(msg){ if(msg == 0) { //Query returned empty. } else { //Query Has values. $(‘#select-states’).html(msg); } } }); 例如,上面的Ajax请求给了我以下HTML。 Choose State First State Second State Third State Fourth State 语法$(‘#select-states’).html(msg); 似乎没有在元素中正确替换内容。 但是,如果我用div替换它,它可以正常工作。 这是替换元素的正确语法

jquery用youtube嵌入src选择iframe

如果我想通过他们的src选择所有 youtube iframe如何实现这一点,我已经尝试过下面的jquery但是它不起作用? 嵌入式src是http://www.youtube.com/embed/videoid?rel=0 $(‘iframe[src=”http://youtube.com/embed/”]’)

按ctrl按钮选择多个项目

目前我的function看起来像那样 http://jsfiddle.net/tt13/5CxPr/13/ 如你所见,现在当我逐个点击多行时,它将使它们被选中。 我想要做的是,通过按ctrl +左键单击选择多行,只选择一个 – 只有一个 – 左键单击(我的意思是删除上一个选中并选择最后一个选择;就像选择Windows图标一样)。 如何修改当前代码?