如何根据选择的值参考php中的数据库获取文本框的值？

Question

以下是我的数据库值

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

我展开了type列的值，并成功地在view页面的select tag中显示了它。

我有另一个textbox ，我需要根据选择的type位置显示rate 。

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

当我们选择dropdown type值时，如何在textbox获取所需的值？

我正在使用Code Igniter框架。

提前致谢...

Answer 1

仅将select tag中的值存储值作为下面给出的值。

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

在jquery中select onchange获取速率值并显示它。

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">