TAKA的學習筆記

HTML：

<form>
    <textarea id="text" cols="40" rows="3"></textarea>
    <input type="button" value="[tag_label]" />
</form>

Scripts：

$( 'input[type=button]' ).on('click', function(){
    var cursorPos = $('#text').prop('selectionStart');
    var v = $('#text').val();
    var textBefore = v.substring(0,  cursorPos );
    var textAfter  = v.substring( cursorPos, v.length );
    $('#text').val( textBefore+ $(this).val() +textAfter );
});

點擊之後產生的效果：在游標處插入指定的字串

利用這招並加以延伸，達成以下功能

1. 畫面上有Grid 可以CRUD
2. 讀出GRID 的資料，整理成讀取下拉選單資料KeyValuePair，Gird 每個動作(CRUD) 做完，都會Refresh 下拉選單
3. 使用者選擇下拉選單項目，並點擊按鈕，最終就可以將選擇到的Value 插入到文字方塊中

References：
http://jsfiddle.net/4MBUG/2/