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

时间:2016-11-28 07:06:13

标签: javascript php database codeigniter

以下是我的数据库值

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

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

我还有另一个textbox,我需要根据所选rate位置显示type

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

当我们选择textbox dropdown值时,如何在type中获得所需的值?

我正在使用Code Igniter框架。

提前致谢...

4 个答案:

答案 0 :(得分:0)

仅将选择标记中的费率值存储为下面给出的值。

<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);
});

答案 1 :(得分:0)

$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具有实际值,根据您的要求从此数组中获取值,因为您现在有了地图。

答案 2 :(得分:0)

你可以尝试在选择的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){
    }
  });
});

答案 3 :(得分:0)

试一试

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