名前を変更する方法はありますが、動的に選択された選択リストの値は変更しないでください。

Question

私はデータベースからのデータで動的に埋め込まれた選択リストを持っています。しかし、ユーザーに実際の列名を見せたくないので、column_aliasというデータベースに余分な列を作成しました。私が欲しいのは、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"; 
?> 

更新

これは私のデータベーステーブルには次のようになります。

私はselectリストにtable_aliasを表示したいが、値をtable_nameにしてデータベースとやり取りできるようにしたい。

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を、オプション値としてtable_nameを出力します。

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

DBからデータを取り出すの変更：次に

<?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のコードの変更： ``値attribueを変更

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