<table id="p2146-table">
  <thead>
    <tr>
      <th>リスト選択</th>
      <th>リスト名</th>
      <th>リスト順</th>
      <th>追加/削除</th>
    </tr>
  </thead>

<!--▼改行しない▼-->
<tbody id="p2146-tbody"><tr><td><select onchange="changeList(this);"><option>A</option><option>B</option><option>C</option></select></td><td>A</td><td><img src="up.png" alt="↑" onclick="upList(this);" />上へ　<img src="down.png" alt="↓" onclick="downList(this);" />下へ</td><td><input type="button" value="+" onclick="addList(this);" />　<input type="button" value="-" onclick="removeList(this);" /></td></tr></tbody>
<!--▲改行しない▲-->

</table>

function addList(obj) {
  // tbody要素に指定したIDを取得し、変数「tbody」に代入
  var tbody = document.getElementById('p2146-tbody');
  // objの親の親のノードを取得し（つまりtr要素）、変数「tr」に代入
  var tr = obj.parentNode.parentNode;
  // tbodyタグ直下のノード（行）を複製し、変数「list」に代入
  var list = tbody.childNodes[0].cloneNode(true);
  // 複製した行の2番目のセルを指定し、変数「td」に代入
  var td = list.childNodes[1];
  // 複製した行の2番目のセルの内容を「A」に置き換え
  td.textContent = 'A';
  //　複製したノード「list」を直後の兄弟ノードの上に挿入
  // （「tr」の下に挿入）
  tbody.insertBefore(list, tr.nextSibling);
}

function removeList(obj) {
  // tbody要素に指定したIDを取得し、変数「tbody」に代入
  var tbody = document.getElementById('p2146-tbody');
  // objの親の親のノードを取得し（つまりtr要素）、変数「tr」に代入
  var tr = obj.parentNode.parentNode;
  // 「tbody」の子ノード「tr」を削除
  tbody.removeChild(tr); 
}

function upList(obj) {
  // tbody要素に指定したIDを取得し、変数「tbody」に代入
  var tbody = document.getElementById('p2146-tbody');
  // objの親の親のノードを取得し（つまりtr要素）、変数「tr」に代入
  var tr = obj.parentNode.parentNode;

  // もし「tr」の直前の兄弟ノード名が「TR」だった場合
  // （上に「行」が存在している場合）
  if(tr.previousSibling.nodeName === 'TR') {
    // 「tr」を直前の兄弟ノードの上に挿入
    tbody.insertBefore(tr, tr.previousSibling);
  }
}

function downList(obj) {
  // tbody要素に指定したIDを取得し、変数「tbody」に代入
  var tbody = document.getElementById('p2146-tbody');
  // objの親の親のノードを取得し（つまりtr要素）、変数「tr」に代入
  var tr = obj.parentNode.parentNode;

  // もし「tr」の直前の兄弟ノード名が「TR」だった場合
  // （上に「行」が存在している場合）
  if(tr.nextSibling.nodeName === 'TR'){
    // 「tr」を直後の兄弟ノードの上に挿入
    tbody.insertBefore(tr.nextSibling, tr);
  }
}

function changeList(obj) {
  // 選択したオプションの値を取得し、変数「type」に代入
  var type = obj.value;
  // objの親の親のノードを取得し（つまりtr要素）、変数「tr」に代入
  var tr = obj.parentNode.parentNode;
  // 「tr」の2番目のセルを指定し、変数「td」に代入
  var td = tr.childNodes[1];

  // 新たにtd要素を作成し、変数「cell」に代入
  var cell = document.createElement('td');
  // 「cell」内のHTMLを「type」に置き換え
  cell.innerHTML = type;
  // 「td」を「cell」に置き換え
  tr.replaceChild(cell, td);
}

<table id="p2146-2-table">
  <thead>
    <tr>
      <th>リスト選択</th>
      <th>リスト名</th>
      <th>リスト順</th>
      <th>追加/削除</th>
    </tr>
  </thead>

  <tbody id="p2146-2-tbody">
    <tr>
      <td>
        <select class="changeList">
          <option>A</option><option>B</option><option>C</option>
        </select>
      </td>
      <td>A</td>
      <td>
        <button class="upList">⬆️上へ</button>　
        <button class="downList">⬇️下へ</button>
      </td>
      <td>
        <input value="+" type="button" class="addList" />　
        <input value="-" type="button" class="removeList" />
      </td>
    </tr>
  </tbody>
</table>

$(document).ready(function() {
  // CSSで非表示にした1行目の行を複製し、その行の下に挿入
  $('#p2146-2-tbody>tr')
    .clone(true)
    .insertAfter($('#p2146-2-tbody>tr'));

  // 行を追加する
  $(document).on('change', '.changeList', function() {
    $(this)
      .parent()
      .next()
      .html($(this).val());
  });

  // 行を削除する
  $(document).on('click', '#p2146-2-tbody>tr:gt(1) .upList', function() {
    var t = $(this)
      .parent()
      .parent();
    if (t.prev('tr')) {
      t.insertBefore(t.prev('tr')[0]);
    }
  });

  // 行を一つ上に移動させる
  $(document).on('click', '.downList', function() {
    var t = $(this)
      .parent()
      .parent();
    if (t.next('tr')) {
      t.insertAfter(t.next('tr')[0]);
    }
  });

  // 行を一つ下に移動させる
  $(document).on('click', '.addList', function() {
    $('#p2146-2-tbody>tr')
      .eq(0)
      .clone(true)
      .insertAfter(
        $(this)
          .parent()
          .parent(),
      );
  });

  // 行の一部を変更する
  $(document).on('click', '.removeList', function() {
    $(this)
      .parent()
      .parent()
      .remove();
  });
});