如何根據選定的值參考php中的數據庫獲取文本框的值？

Question

下面是我的數據庫值

+----+--------------------+-------------+ 
| id | type    | rate  | 
+----+--------------------+-------------+ 
| 1 | Accord|Corola|Tata | Out|Loc|Out | 
+----+--------------------+-------------+ 

我爆發type列的值，並在頁面view成功顯示它select tag。

我有另一個textbox，我需要顯示rate根據所選的type位置。

<input type="text" id="rate"> 

如何獲得在textbox所需的值時，我們選擇dropdowntype價值？

我正在使用Code Igniter框架。

在此先感謝...

Answer 1

選擇標記中的存儲速率值僅作爲以下給出的值。

<select id="type_select"> 
<option value="Out">Accord</option> 
<option value="Loc">Corola</option> 
<option value="Out">Tata</option> 
</select> 

onchange select在jquery中獲取rate值並顯示它。

Javascript代碼：

$("#type_select").change(function() { 
    var rate = $("#type_select option:selected").val(); 
    $("#rate").val(rate); 
}); 

Answer 2

$types=explolde("|",$type);  
$rates=explolde("|",$rate); 
$dataArray = array(); 
$i = 0; 
foreach($types as $value){ 
$dataArray[$value] = $rates[$i++]; // I assume size of both array is same, 
//you may check additional exception handling. 
} 

$dataArray具有實際價值，得到這個數組根據你的要求，因爲你現在有一個地圖的價值。

Answer 3

您可以嘗試在選擇的javascript中添加選擇事件並通過ajax加載相應的速率。

添加事件像

$(document).on("change","#type",function(e){ 
    var type=$(this).find("option:selected").val(); 
    //load ajax call 
    jQuery.ajax({ 
     type: mtdf, // HTTP method POST or GET 
     url: url, //Where to make Ajax calls 
     dataType: "json", // Data tr_, HTML, json etc. 
     data:{type:type}, //data to the server, 
     success: function (response) { 
     //console.log(response);      
     }, 
     error: function (xhr, ajaxOptions, thrownError){ 
    } 
    }); 
}); 

Answer 4

試試

<?php 
$type = 'Accord|Corola|Tat'; 
$rate = 'Out|Loc|Out'; 

    $new_type = explode('|',$type); 
    $new_rate = explode('|',$rate); 

echo "<select onchange='getValue()' id='theSelect'>"; 
for($x=0;$x<count($new_rate);$x++){ 
    echo "<option value = '".$new_rate[$x]."' > ".$new_type[$x]." </option>"; 
} 
echo "</select>"; 
?> 

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script> 

<script> 

    function getValue(){ 
     var valSelect = $("#theSelect").val(); 
      $("#rate").val(valSelect); 
    } 

</script> 


<input type="text" id="rate">