我有一個下拉選單連接到mysql資料庫food_db
<select name="foods" id="foods" required>
<?php
$sql="SELECT * FROM `food_db` WHERE `shop_id` =1";
$list = mysqli_query($_SESSION['link'], $sql);
while($list_row = mysqli_fetch_array($list)){?>
<option value="<?php echo $list_row['food_id'];?>"><?php echo $list_row['food_name'];?><?php echo $list_row['price'];?>元</option>
<?php
}?>
</select>
我想用jquery取出除了上述的 $list_row['food_id']以外，我還想取出$list_row['price']的值以便訂單後續計算，請問各位老師們我該怎做？
已邀請的邦友 {{ invite_list.length }}/5
可以用的寫法很多
隨便給個簡單的範例
<!doctype html>
<html lang="zh-tw">
<head>
<meta charset="utf-8" />
<title>測試</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
</head>
<body>
<select id="food" name="food">
<option value="" data-price="">請選擇</option>
<option value="1" data-price="110">牛肉麵</option>
<option value="2" data-price="80">香腸炒飯</option>
<option value="3" data-price="150">韓式泡菜鍋</option>
</select>
<br />
<input type="text" id="price" name="price" />
</body>
</html>
<script>
$(function(){
$('#food').change(function(){
$('#price').val($('#food option:selected').eq(0).data('price'));
});
});
</script>
迷路老師您好～！！
您的範例在自訂select標籤選項中是可以運作的～
但是我的原文select標籤是連結mysql資料庫所list出來的option，請問這樣我要怎麼修改才能正常運作呢？
你資料已經吐到前端了 跟mysql 沒關係
你問的問題比較像是jquery 怎麼選到值
你把迷路大的 語法改一下 關鍵字 jquery text
中間加個判斷字串做切割就好大概就這
揮老師～您說的沒錯～！
重點就是在jquery選不到值
研究好久研究不出來
lanhungyi 能再貼出你更改的code，幫你看看
但是我的原文select標籤是連結mysql資料庫所list出來的option，請問這樣我要怎麼修改才能正常運作呢？
<option value="<?php echo $list_row['food_id'];?>" data-price="<?php echo $list_row['price'];?>"><?php echo $list_row['food_name'];?><?php echo $list_row['price'];?>元</option>
jquery選不到值
$('#food option:selected').eq(0).data('price');
樓主其實都寫完了，直接用 data 屬性，連切割都省了
謝謝archer老師補充～我頭腦太硬轉不過來～已經解決了～感恩～！！
謝謝travis老師～已經解決了
iThome鐵人賽
看影片追技術