Как изменить имя, но не значение динамически заполненного списка выбора?

Question

У меня есть список выбора, который динамически заполняется данными из моей базы данных. Но я не хочу, чтобы пользователи видели настоящие имена столбцов, поэтому я создал дополнительный столбец в моей базе данных column_alias. Я хочу, чтобы показать имена столбцов в выпадающем списке, но сохранить реальные значения имен столбцов.

Это, как я заполняю список выбора с реальными именами столбцов в данный момент:

function loadTables() { 
     $.getJSON("dropdown_code/get_tables.php", success = function(data) 
     { 
      console.log('inside callback'); 
      var optionsTables = ""; 
      for(var i = 0; i < data.length; i++) 
       { 
        optionsTables += "<option value='" + data[i] + "'>" + data[i] + "</option>"; 
       } 

     $("#slctTable").append(optionsTables); 
     $("#slctTable").change(); 
    }); 

} 

И это код, получить это данные OUTOF моей базе данных:

<?PHP 

    require "opendb.php"; 

    $query = "select table_name 
       from db_tables 
       order by table_name"; 

    $data = pg_query($conn, $query); 

    $table_names = array(); 

    while ($row = pg_fetch_array($data)) 
    { 
     array_push($table_names, $row["table_name"]); 
    } 

    echo json_encode($table_names); 

    require "closedb.php"; 
?> 

Update

Это то, что моя таблица базы данных выглядит следующим образом:

Поэтому я хочу, чтобы table_alias отображался в моем списке выбора, но я хочу, чтобы значение было табличным именем, чтобы оно могло взаимодействовать с моей базой данных.

Answer 1

Во-первых, вам нужно будет принести псевдоним, а из database.Change вашей стороне сервера код следующие.

<?PHP 

require "opendb.php"; 

$query = "select table_name,table_alias 
      from db_tables 
      order by table_name"; 

$data = pg_query($conn, $query); 
$table_names = array(); 

while ($row = pg_fetch_array($data)) 
{ 
    array_push($table_names, $row); 
} 
echo json_encode($table_names); 
require "closedb.php"; 
?> 

Затем в коде на стороне клиента просто выведите table_alias как имя параметра и имя_таблицы как значение параметра.

function loadTables() { 
    $.getJSON("dropdown_code/get_tables.php", success = function(data) 
    { 
     console.log('inside callback'); 
     var optionsTables = ""; 
     for(var i = 0; i < data.length; i++) 
      { 
       optionsTables += "<option value='" + data[i]['table_name'] + "'>" + data[i]['table_alias'] + "</option>"; 
      } 

    $("#slctTable").append(optionsTables); 
    $("#slctTable").change(); 
}); 
} 

Answer 2

HTML

<select id="xoxo_select"> 
    <option value="foo_value">foo</option> 
    <option value="xoxo_value">xoxo</option> 
</select> 

JS

$('#xoxo_select option[value="xoxo_value"]').text('bar'); // change name of option 
$('#xoxo_select option[value="xoxo_value"]').attr('value', 'bar_value'); // change value of option 

jsfiddle https://jsfiddle.net/tg126u7g/

Answer 3

Изменение выборки данных из БД:

<?PHP 

require "opendb.php"; 

$query = "select table_name,table_alis 
      from db_tables 
      order by table_name"; 

$data = pg_query($conn, $query); 

$table_names = array(); 
$i=0; 
while ($row = pg_fetch_array($data)) 
{ 

    array_push($table_names[$i], $row["table_name"]); 
    $i++; 
} 

echo json_encode($table_names); 

    require "closedb.php"; 
?> 

Затем Изменение в JavaScript-код:

optionsTables += "<option value='" + data[i][0] + "'>" + data[i][1] + "</option>";