Javascript 如何从select获取输入字段中的数据价格？

还有产品3、4等等

输入字段名称、价格、id、类别是从数据库动态填充的，因此它们对于不同的项目是相同的

$（“.readers”）.change（函数（）{
var productParent=$（this.parent（）.parent（）；
var newPrice=parseFloat（productParent.find（'.price'）.attr（'data-price'））；
productParent.find（“.readers选项：选中”）.each（函数（）{
newPrice++$（this.attr（'data-price'））
});
productParent.find（“.price”）.html（“£；”+newPrice.toFixed（2））；
});

尺寸：
小的
中等
大的



尺寸：
小的
中等
大的
您可以在您的选择和输入周围提供一些
外部
div，然后使用
.closest（）
获取外部div的引用，并使用它获取其他值，并使用
.val（）在输入框中设置这些值。

演示代码：
$（“.readers”）.change（函数（）{
//获取最近的外部div
var productParent=$（this）.closest（“.outer”）；
//从中获取属性
var newPrice=parseFloat（productParent.find（'.price'）.attr（'data-price'））；
newPrice+=parseFloat（productParent.find（“.readers选项：selected”）.attr（'data-price'）；
//在输入框中设置
productParent.find（“.price”）.val（“£”+newPrice.toFixed（2））；
});

尺寸：
小的
中等
大的



尺寸：
小的
中等
大的
您可以在您的选择和输入周围提供一些
外部
div，然后使用
.closest（）
获取外部div的引用，并使用它获取其他值，并使用
.val（）在输入框中设置这些值。

演示代码：
$（“.readers”）.change（函数（）{
//获取最近的外部div
var productParent=$（this）.closest（“.outer”）；
//从中获取属性
var newPrice=parseFloat（productParent.find（'.price'）.attr（'data-price'））；
newPrice+=parseFloat（productParent.find（“.readers选项：selected”）.attr（'data-price'）；
//在输入框中设置
productParent.find（“.price”）.val（“£”+newPrice.toFixed（2））；
});

尺寸：
小的
中等
大的



尺寸：
小的
中等
大的

$（“.readers”）.change（函数（）{
var productParent=$（this.parent（）.parent（）；
var newPrice=parseFloat（productParent.find（'.price'）.attr（'data-price'））；
productParent.find（“.readers选项：选中”）.each（函数（）{
newPrice++$（this.attr（'data-price'））
});
productParent.find（“.price”）.val（“£；”+newPrice.toFixed（2））；//将html更改为val
});

尺寸：
小的
中等
大的



尺寸：
小的
中等
大的

$（“.readers”）.change（函数（）{
var productParent=$（this.parent（）.parent（）；
var newPrice=parseFloat（productParent.find（'.price'）.attr（'data-price'））；
productParent.find（“.readers选项：选中”）.each（函数（）{
newPrice++$（this.attr（'data-price'））
});
productParent.find（“.price”）.val（“£；”+newPrice.toFixed（2））；//将html更改为val
});

尺寸：
小的
中等
大的



尺寸：
小的
中等
大的
使用父项获取值。使用
数据
获取价值和价格


$（“.readers”）.change（函数（）{
var Parent=$（this.Parent（“.outer”）；
var actualPrice=parseFloat（Parent.find（'.price'）。data（'price'））；
actualPrice+=parseFloat（Parent.find（“.readers选项：selected”）.data（'price'）；
Parent.find（“.price”）.val（实际价格到固定价格（2））；
});

尺寸：
小的
中等
大的



尺寸：
小的
中等
大的
使用父项获取值。使用
数据
获取价值和价格


$（“.readers”）.change（函数（）{
var Parent=$（this.Parent（“.outer”）；
var actualPrice=parseFloat（Parent.find（'.price'）。data（'price'））；
actualPrice+=parseFloat（Parent.find（“.readers选项：selected”）.data（'price'）；
Parent.find（“.price”）.val（实际价格到固定价格（2））；
});

尺寸：
小的
中等
大的



尺寸：
小的
中等
大的
为什么不把它做成一个片段？为什么不把它做成一个片段？