当并行用户输入文本字段值更改下拉值时，应自动更改
Posted
技术标签:
【中文标题】当并行用户输入文本字段值更改下拉值时，应自动更改【英文标题】：When change dropdown value in parallel user input text field value should auto change 【发布时间】：2018-11-05 12:25:25 【问题描述】：当我单击下拉列表时，我想要级联下拉列表，它还会更改另一个用户输入文本值。我想在用户输入文本字段中显示另一个值。 我的桌子是这样的
我的表名是exercise_parent_type
id | perant_type_name | base_value
1 type1 10
2 type2 20
3 type3 30
4 type4 40
5 type5 50
我想在用户输入文本字段中查看 base_value 在下拉列表中我还想查看请选择父类型名称值
public function get_exercise_type_base_value()
$this->db->select('exercise_parent_type.base_value,exercise_parent_type.id');
$this->db->from('exercise_parent_type');
$query = $this->db->get();
foreach($query->result_array() as $row)
$subcats[$row['id']][] = array("id" => $row['id'], "val" => $row['base_value']);
return $subcats;
// return $query->result_array();
public function get_exercise_type()
$this->db->select('exercise_parent_type.*');
$this->db->from('exercise_parent_type');
$query = $this->db->get();
$query->result_array();
foreach($query->result_array() as $row)
$categories[] = array("id" => $row['id'], "val" => $row['perant_type_name']);
return $categories;
<?php
$db = new mysqli('localhost','root','','godspeed');//set your database handler
$query = "SELECT perant_type_name,id FROM dev_exercise_parent_type";
$result = $db->query($query);
while($row = $result->fetch_assoc())
$categories[] = array("id" => $row['id'], "val" => $row['perant_type_name']);
$query = "SELECT id, base_value FROM dev_exercise_parent_type";
$result = $db->query($query);
while($row = $result->fetch_assoc())
$subcats[$row['id']][] = array("id" => $row['id'], "val" => $row['base_value']);
$jsonCats = json_encode($categories);
$jsonSubCats = json_encode($subcats);
?>
<!docytpe html>
<html>
<head>
<script type='text/javascript'>
<?php
echo "var categories = $jsonCats; \n";
echo "var subcats = $jsonSubCats; \n";
?>
function loadCategories()
var select = document.getElementById("categoriesSelect");
select.onchange = updateSubCats;
for(var i = 0; i < categories.length; i++)
select.options[i] = new Option(categories[i].val,categories[i].id);
function updateSubCats()
var catSelect = this;
var catid = this.value;
var subcatSelect = document.getElementById("subcatsSelect");
subcatSelect.options.length = 0; //delete all options if any present
for(var i = 0; i < subcats[catid].length; i++)
subcatSelect.options[i] = new Option(subcats[catid][i].val,subcats[catid][i].id);
</script>
</head>
<body onload='loadCategories()'>
<select id='categoriesSelect'>
</select>
<input type="text" id="categoriesSelect" name="base_value" /> <!-- i want to see base_value in user input text field -->
<!--select id='subcatsSelect'>
</select-->
</body>
</html>
【问题讨论】：
【参考方案1】：你的问题更好。我想建议按照这个链接，你会得到一个最低限度的想法。这是关于 HTML 的 select 标签，并且 next 下拉列表根据第一个下拉列表进行更改。这包括亲子关系。 dependable dropdown
【讨论】：
先生，这里第二个数字是下拉列表，在第二个数字下拉列表中使用我想要一个用户输入文本，其中只显示一个值以上是关于当并行用户输入文本字段值更改下拉值时，应自动更改的主要内容，如果未能解决你的问题，请参考以下文章
在javascript的输入数字类型字段中输入值时如何显示输入文本字段？