使用droplist from database根据第一个droplist的选择设置另一个droplist的值

qxgroojn  于 2021-06-23  发布在  Mysql
关注(0)|答案(1)|浏览(149)

我有这张table

Device Name    Price
iPhone 6       300
S8             600

我要做的是删除一个包含所有设备名称的列表,第二个包含选项“price”,但是我想根据设备名称的选择来设置它的值。但是,在下拉列表中应该只显示“price”
我有这个php代码的下拉列表

$query = "SELECT * FROM `devicehotsheet`";
$options = "";
$result1 = mysql_query($query, $dbhandle);
while ($row1= mysql_fetch_array($result1)){
$options=$options."<option>$row1[0]</option>";
}

对于html

<select class="selectDevice" id="selectDevice" onChange="calculateTotal()">
          <?php echo $options; ?>
   </select>

  <select class="myport" id="myport" onChange="calculateTotal()">
  <option class="price" value=" ">Price</option>
  </select>

我一直在尝试这样做,但至今没有运气。我会感激你的帮助。谢谢

dz6r00yl

dz6r00yl1#

$query = "SELECT * FROM `devicehotsheet`";
$options = "";
$result1 = mysql_query($query, $dbhandle);
while ($row1= mysql_fetch_array($result1)){
$options=$options."<option value='$row1[0]#$row1[1]'>$row1[0]</option>";
}

以及javascript代码

function calculateTotal(){
 var selDev = document.getElementById('selectDevice').value;
 var price = selDev.split('#')[1];
 document.getElementById('myport').innerHTML='<option>'+price+'</option>'
}

相关问题