Just Java

$(function() {

 $("#join_confirm").click(function() {

  alert($("#frmJoin").serialize());

  if(status){

  $.post("${contextPath}/proc_join", 

    $("#frmJoin").serialize(),

    function(data) {

     if(data.result == 200) {

      location.href="${contextPath}/adminList";    

     } else {

      alert("가입실패");

     }

    }, 

    "json");

  }else{

   alert("중복확인해주시기 바랍니다.");

  }

 });

});

1. jQuery로 선택된 값 읽기

$("#selectBox option:selected").val();

$("select[name=name]").val();

2. jQuery로 선택된 내용 읽기

$("#selectBox option:selected").text();

3. 선택된 위치

var index = $("#test option").index($("#test option:selected"));

4. Addoptions to the end of a select

$("#selectBox").append("<option value='1'>Apples</option>");

$("#selectBox").append("<option value='2'>After Apples</option>");

5. Addoptions to the start of a select

$("#selectBox").prepend("<option value='0'>Before Apples</option>");

6. Replaceall the options with new options

$("#selectBox").html("<option value='1'>Some oranges</option><option value='2'>MoreOranges</option>");

7. Replaceitems at a certain index

$("#selectBox option:eq(1)").replaceWith("<option value='2'>Someapples</option>");

$("#selectBox option:eq(2)").replaceWith("<option value='3'>Somebananas</option>");

8. 지정된 index값으로 select 하기

$("#selectBox option:eq(2)").attr("selected", "selected");

9. text 값으로 select 하기

$("#selectBox").val("Someoranges").attr("selected", "selected");

10. value값으로 select 하기

$("#selectBox").val("2");

11. 지정된 인덱스값의 item 삭제

$("#selectBox option:eq(0)").remove();

12. 첫번째 item 삭제

$("#selectBox option:first").remove();

13. 마지막 item 삭제

$("#selectBox option:last").remove();

14. 선택된 옵션의 text 구하기

alert(!$("#selectBox option:selected").text());

15. 선택된 옵션의 value 구하기

alert(!$("#selectBox option:selected").val());

16. 선택된 옵션 index 구하기

alert(!$("#selectBox option").index($("#selectBox option:selected")));

17. SelecBox 아이템 갯수 구하기

alert(!$("#selectBox option").size());

18. 선택된 옵션 앞의 아이템 갯수

alert(!$("#selectBox option:selected").prevAl!l().size());

19. 선택된 옵션 후의 아이템 갯수

alert(!$("#selectBox option:selected").nextAll().size());

20. Insertan item in after a particular position

$("#selectBox option:eq(0)").after("<option value='4'>Somepears</option>");

21. Insertan item in before a particular position

$("#selectBox option:eq(3)").before("<option value='5'>Someapricots</option>");

22. Gettingvalues when item is selected

$("#selectBox").change(function(){

           alert(!$(this).val());

           alert(!$(this).children("option:selected").text());

});

$('#relativeTable').remove(); 
$('#relativeTable_wrapper').remove(); 
$("#frmB35").prepend('<table id="relativeTable" class="table table-striped table-bordered" cellspacing="0" width="100%"></table>'); 
var row = res.body.message.split("\n"); 
var thSize = $("#relativeTable thead tr th").size(); 
var wordSize = row[0].split("\t").length; 
wordSize = Number(wordSize); 
var wordArr = new Array(); 

for(var r=0; r<row.length-1; r++) { 
    var col = row[r].split("\t"); 
    var word = new Array(); 
for(var c=0; c<col.length; c++) { 
    word.push(col[c]); 
} 
    wordArr.push(word); 
} 
var thArr = new Array(); 
for ( var i=0; i<wordSize; i++ ) { 
    var jsonTh = new Object(); 
    if ( i == 0 ) { 
        jsonTh.title = "분류"; 
    } else if ( i == 1 ) { 
        jsonTh.title = "Keyword Set"; 
    } else if ( i > 1 ) { 
        console.log("test : ",row[0].split("\t")[i].split("/")[0]); 
    if ( row[0].split("\t")[i].split("/")[0] != "") { 
        jsonTh.title = row[0].split("\t")[i].split("/")[0]; 
    } else { 
        jsonTh.title = "빈도수"+i; 
    } 
} 

    thArr.push(jsonTh); 
} 
console.log("thArr : ",thArr); 
$('#relativeTable').DataTable({ 
    data: wordArr, 
    destroy: true, 
    columns: thArr 
}); 
$("#relativeTable_filter").css("margin-right","70px");

jquery datatable 동적으로 생성하는 방법입니다.
조금 조잡하죠???
아무리 찾아도 방법이 없어서 어쩔수 없이  table과  wrapper를 remove하고 다시 그렸습니다.

좋은방법 있으시면 댓글좀......컬럼이 동적으로 변하면 기존게
계속남아있어서...remove 를 하지 않고는 방법이 없네요....

여기에 넘어오는 데이터는 형식은
1번 검색
컬럼1 컬럼2 컬럼3 컬럼4 컬럼5
컬럼1 컬럼2 컬럼3 컬럼4 컬럼5

2번 검색
컬럼1 컬럼2 컬럼3 컬럼4
컬럼1 컬럼2 컬럼3 컬럼4

이런식으로 컬럼이 동적으로 넘어오고 tab \n 형식으로 
넘어와서 잘라서 arry형식으로 받아서 데이터를 넘겼습니다.

힘드네요....ㅠ_ㅠ

if ('undefined' != typeof(StringBuffer)) {
StringBuffer = {};
}


StringBuffer = function(str) {
this._aString = [];
if ('undefined' != typeof(str)) {
  this.append(str);
}
};


StringBuffer.prototype.append = function(str) {
    this._aString.push(str);
    return this;
};


StringBuffer.prototype.toString = function() {
    return this._aString.join('');
};


StringBuffer.prototype.setLength = function(nLen) {
    if('undefined' == typeof(nLen) || 0 >= nLen) {
     this._aString.length = 0;
    } else {
     this._aString.length = nLen;
    }
};

var row = res.body.message.split("\n"); 
var wordArr = new Array(); 

for(var r=0; r<row.length-1; r++) { 
    var col = row[r].split("\t"); 
    var word = new Array(); 
    for(var c=0; c<col.length; c++) { 
        word.push(col[c]); 
    } 
    wordArr.push(word); 
} 
$('#higFreqTable').DataTable({ 
    data: wordArr, 
    destroy: true 
}); 
$("#higFreqTable_filter").css("margin-right","70px");

컬럼이 고정일때 쓰는 방식
여기에 넘어오는 데이터는 
컬럼1 컬럼2 컬럼3 컬럼4 컬럼5
컬럼1 컬럼2 컬럼3 컬럼4 컬럼5
컬럼1 컬럼2 컬럼3 컬럼4 컬럼5

이런식으로 tab과 \n으로 구분됩니다.

$.extend({
getUrlVars: function() {
    var vars = [], hash;
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).toUpperCase().split('&');
        for (var i = 0; i < hashes.length; i++) {
            hash = hashes[i].split('=');
            vars.push(hash[0]);
            vars[hash[0]] = hash[1];
        }
        return vars;
    },
    getUrlVar: function(name) {
        return $.getUrlVars()[name.toUpperCase()];
    }
}); 


요로케 확장해서 쓰자


type = $.getUrlVar('type');


요론식으로 꺼내서 쓰면 편하지