选择通过jQuery选择的选项，而不是仅在铬上工作

我无法弄清楚它为什么不能在Chrome上工作，而它只能在Firefox和IE上工作。选择通过jQuery选择的选项，而不是仅在铬上工作

HTML代码：

<select name="goyale" id="goyale"> 
<option value="0">Select</option> 
<option value="1">Fish</option> 
<option value="2">Chicken</option> 
<option value="3">Meat</option> 
</select>

jQuery代码：

$(document).ready(function() { 
    $("select#goyale option[value='<?php echo $row['goyale']; ?>']").attr("selected", "selected"); 
});

每当我检查对铬元素时，它显示的选择，因为<option value="3" selected="selected">Meat</option>但选项不会出现肉眼显示上选择。

谢谢。

来源

2011-12-26 cicakman

你见过这个http://stackoverflow.com/questions/6727694/jquery-chrome-select-change-click-not- work-in-ie-ff？ – 2011-12-26 06:54:21

任何解决方法？ – cicakman 2011-12-26 06:56:35

好的，在我将jquery 1.6更新到jquery 1.7后，问题消失了，选择机制现在工作正常。感谢您的帮助 – cicakman 2011-12-26 07:05:24

问题的选择位于jQuery 1.6中，一旦我更新到jQuery 1.7，问题就消失了，select函数按照预期工作。谢谢你，我应该在发布之前更新到最新版本。

来源

2011-12-26 07:10:10 cicakman

任何人都知道什么是不工作在1.6？我遇到了这个问题，但我们不能升级到1.7。 – 2012-01-26 19:19:08

您正在寻找任何select元素与id的goyale。在您的HTML中，goyale是元素的name属性。

使用此来代替：

$(function(){ 
    $("select[name='goyale']").etc(); 
});

此外，使用prop()到所选择的属性添加到option元素：

$("option[value='<?php echo $row['goyale']; ?>']").prop("selected",true);

进一步了解prop()here。

来源

2011-12-26 06:57:10 Purag

我的不好，ID是原始代码和它不工作 – cicakman 2011-12-26 07:00:17

@cicakman：检查你的源代码 - 是PHP回显正确的数据？ – Purag 2011-12-26 07:04:29

确定这样做，给ID =“goyale”的标签，因为可能是铬不支持选择＃id选择为“名” ATTRIB，否则尽量选择[名称= goyale] jQuery的

来源

2011-12-26 06:59:13 pravin

我的不好，身份证是在那里的原代码和它不工作 – cicakman 2011-12-26 06:59:57

我希望这将解决您的问题

$("#goyale").val("<?php echo $row['goyale']; ?>");

来源

2011-12-26 07:35:39

尝试使用道具的方法。我在Safari，Opera，Firefox和Chrome上测试了它，它运行良好。

<!doctype html> 
<html> 
<head> 
<meta charset="UTF-8"> 
<title>Test - Option selected - jQuery</title> 
</head> 
<body> 
    <form> 
     <select> 
     <option value="11">aa</option> 
     <option value="22">bb</option> 
     <option value="33">cc</option> 
     <option value="44">dd</option> 
     </select> 
    </form> 
    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> 
    <script> 
     $(function(){ 
      $('select option:last').prop('selected','selected'); 
     }); 
    </script> 
</body> 
</html>

来源

2013-04-05 18:25:56

选择通过jQuery选择的选项，而不是仅在铬上工作

回答

相关问题