Javascriptで選択したアイテムの値が正しく引き抜かれない

Question

アイテムのリスト（Webサービスによって作成されたXMLから動的に作成されます）の選択ボックスを実行していますが、選択した値を正しく引き出すことができません。ここで何が起こっているのですか？

onchange="changeFunction(this.options[this.selectedIndex].value)" 

を私は受けてるもの：：

function (a){if(f.isFunction(a))return this.each(function(b){var c=f(this);c.text(a.call(this,b,c.text()))});if(typeof a!= 

を、私は私が使用している唯一のことは、いくつかの自己構築された機能やjQueryのですよ、私が送信しています何

。

どのような助けも素晴らしいでしょう。

編集：ここに変更機能があります。与えられた選択項目の値が設定されたフォームを作成するだけです。ここで

function changeFunction(selection) { 
    console.log(selection); 
    $('#right').empty(); 
    var addNewFields = 'these will be the fields'; 
    $('#right').append(addNewFields); 
} 

は、問題の選択である：

<select class="userSelection" id="userSelection" size="10" style="width:150px;" onchange="changeFunction(this.options[this.selectedIndex].value)"></select> 

これは文字通りのHTML部分のすべてのコードです。それはajaxを介して設定されており、左に1つ、選択に1つ、右に1つ、ユーザーのコンテンツを含む2つのdivがあります。

だけで笑いのために、ここでのオプションを作成するコードは次のとおりです。

あなたはそれが引数だとして、それはイベントオブジェクトを渡される関数にDOMオブジェクトのイベントハンドラを設定し

 var optionTag = '<option value="' + $(this).find('optionID').text + '" >' + $(this).find('optionName').text() + '</option>'; 
      $('#userSelection').append(optionTag); 

Answer 1

var optionTag = '<option value="' + $(this).find('optionID').text + '" >' + $(this).find('optionName').text() + '</option>'; 

次のようになります。$(this).find('optionID').textは$(this).find('optionID').text()でなければならないこと

var optionTag = '<option value="' + $(this).find('optionID').text() + '" >' + $(this).find('optionName').text() + '</option>'; 

注意してください。

またはより良い、このスープを避けるために：あなたはこれを受けている

var optionTag = $('<option/>', { 
    value: $(this).find('optionID').text(), 
    html: $(this).find('optionName').text()  
}); 

Answer 2

。

selectBox.onchange = function(event) { 
    changeFn(this.options[this.selectedIndex].value); 
};