jQueryクリックがie7/8の選択オプションで動作しない

Question

私はjQuery 1.7.1を使用しています。次のコードは、選択メニューに.clickイベントを追加する追加のオプションを追加します。このコードはfirefox/ie9で完璧に動作しますが、Add New Optionをクリックするとie7/8に次のエラーが表示されます。私は運もなくselectイベントを試みました。構文エラー、認識できない表現：＃ jqueryの - 1.7.1.js、行4179文字2

IE7/8

$("select").append($('<option></option>').text("Add New Option").click(function(){ 
    alert("test"); 
})); 

JSエラー SCRIPT5022などのレガシーブラウザでこの仕事をするためにどのように誰を知っています

JSフィドル例

http://jsfiddle.net/gchristman/gucgG/3/

Answer 1

だけ選択に変更イベントをサブスクライブし、それはあなたが追加したアイテムだかどうかを確認、オプションにイベントをクリックして接続しないでください？私はあなたの新しい項目に変更の中でそれを識別するために0の値を与えました。 IE7/8の使用javascriptのための

$("select").append($('<option></option').text("Add New Option").val(0)); 

$("select").change(function() { 
    if $("select option:selected").val() == 0) { 
     alert("test"); 
    } 
}); 

Answer 2

てみ

.on("click", function() { 
    alert("test"); 
})); 

の代わり：

.click(function() { 
    alert("test"); 
})); 

それが動作するかどうか？

Answer 3

onchangeイベントを使用する必要があります。 代わりにこれを試してみてください：

$("select").append($('<option></option>').text("Add New Option")).change(function(){ 
    alert("test"); 
})); 

関連：Click event on select option element in chrome

Answer 4

：JS fiddle

<select id="sel" onchange="test(this.value)"><option>option1</option></select> 

<script language="javascript"><!-- 
//<![CDATA[ 
s=document.getElementById("sel"); 
var opt = document.createElement('option'); 
opt.value = "add"; 
opt.innerHTML = "Add New Option"; 
s.appendChild(opt); 

function test(val){ 
    if (val = "add"){ 
     alert("test"); 
    } 
} 

//]]> 
--></script>