如何使用下拉列表

时间:2015-08-22 11:41:16

标签: javascript php mysql

请帮助我..我有从数据库表中填充的下拉列表,现在我想填充数据库列表中的文本框...

我有一张桌子

id |果汁|卢比

现在当我从下拉列表中从果汁柱中选择芒果汁时,它应该通过从卢比列中检索来显示文本框中芒果汁的成本

这是从表格中填充的下拉列表

<select name="drink" id="drinkid">
<option id="0">-- Select the drink --</option>
<?php
require("dbcon.php");
$getalldrinks = mysql_query("SELECT * FROM tableone");
while($viewalldrinks = mysql_fetch_array($getalldrinks)){
?>
<option id="<?php echo $viewalldrinks['id']; ?>"><?php echo $viewalldrinks['juice'] ?></option>
<?php
}
?>
</select>

这是文本框

<input type="text" name="juicename" id="juiceid" placeholder="Juice">

请帮帮我..先谢谢。

2 个答案:

答案 0 :(得分:1)

您需要使用javascript检测选择框中的更改,存储这些值,然后使用所需的值填充文本框。你没有在你的html中列出一个文本框,所以我必须假设我可以使用输入[type = text]来访问这个值。这里是你的javascript应该是什么样子的近似值,因为我正在使用不完整的信息。请注意,您应该包含一个名为value的属性来存储您的ID,而不是使用id属性。

var el = document.getElementById('drinkId');
el.addEventListener("click", function(){
    var data = {"id": el.value, "text": el.innerHTML};
    document.querySelectorAll('input[type=text]')[0].value = data.text;
});

如果您想要解决问题的确切解决方案,则需要提供更多详细信息和更多代码。

更新:我看到你添加了文本框HTML,所以这里是事件处理程序的更新版本:

var el = document.getElementById('drinkId');
el.addEventListener("click", function(){
    var data = {"id": el.value, "text": el.innerHTML};
    document.getElementById('juiceId').value = data.text;
});

答案 1 :(得分:1)

  1. 首次在您的X_period = 10 period = X_period + 5 columns = data.shape[1] X = np.zeros((len(self.data)-period, columns*X_period), dtype=np.float) y = np.zeros(len(data)-period, dtype=np.int) for i in range(len(data)-period): input_data = data.ix[:, 0:columns].iloc[i:i+X_period] X[i] = np.array(input_data, dtype=np.float).ravel() if float(data['close'].iloc[i+period-1]) > float(self.data['open'].iloc[i+self.X_period-1]): self.y[i] = 1 elif float(data['close'].iloc[i+period-1]) < float(self.data['open'].iloc[i+self.X_period-1]): self.y[i] = 2 标记中添加onChange()事件,以便每次更改选项时调用函数select,然后该函数将填充fillTextBox()

    textbox
  2. 现在你必须获得卢比专栏&amp;使用<select name="drink" id="drinkid" onChange="fillTextBox()"> 属性将其存储在每个选项中:

    data
  3. 创建将填充<option data-rupees="<?php echo $viewalldrinks['rupees']; ?>" id="<?php echo $viewalldrinks['id']; ?>" ><?php echo $viewalldrinks['juice'] ?></option> 所选选项的fillTextBox()值的函数textbox

    rupees
  4. 那应该做的工作,希望这会有所帮助。