2014-03-25 104 views
0

我有兩個<select>元素。當第一個改變時,第二個通過ajax填充。
到目前爲止這麼好。 填充的內容是元素的內部html內容。JQuery - 獲取所選選項的屬性,更改事件

<select id="PaymentContractId"> 
    <!-- dynamic content start --> 
    <option title="400" value="12">XXX Street,326</option> 
    <option title="500" value="67">YYY Street, 444</option> 
    <!-- dynamic content end --> 
</select> 

jQuery代碼是:

$("#PaymentContractId").on('change', function(eve) { 
    console.log($("option:selected").prop("title")); 
    // console.log($("#PaymentContractId option:selected").prop("title")); 
    // this also failed 
    }); 

代碼返回空字符串。任何想法爲什麼(或如何去做)?

+1

做工精細這裏:HTTP:// jsfiddle.net/xU39Z/ – Felix

+0

顯然,問題是(爲什麼?)父級「