選擇通過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選擇的選項，而不是僅在鉻上工作

回答

相關問題