Question

我对JS和整个jQuery事情不是很坚定。

这是我在foreach循环中创建的所有HTML输出：

＆＃13;

$('#ProjectOfferPosition0IsystemTypeVariantId').on('change', function () {
    var prices = [];
    prices[1] = 500.00;
    prices[2] = 600.00;
    prices[6] = 1000.00
    var key = $('#ProjectOfferPosition0IsystemTypeVariantId option:selected').val();
    var oldPrice = 800.00;
    $('#ProjectOfferPosition0Price').val(prices[parseInt(key,10)] + oldPrice);
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<tr>
  <td><input type="hidden" name="data[ProjectOfferPosition][0][isystem_id]" value="1" id="ProjectOfferPosition0IsystemId"/><input type="hidden" name="data[ProjectOfferPosition][0][count]" value="1" id="ProjectOfferPosition0Count"/>I</td>
  <td><select name="data[ProjectOfferPosition][0][isystem_type_variant_id]" id="ProjectOfferPosition0IsystemTypeVariantId" class="select" required="required">
    <option value="">ohne Variante wählen</option>
    <option value="1">INPUT Basis System Wohnung 60</option>
    <option value="2">INPUT System Wohnung 100</option>
    <option value="6">INPUT System Haus 300</option>
  </select></td>
  <td><input name="data[ProjectOfferPosition][0][price]" step="0.01" type="number" value="800.00" id="ProjectOfferPosition0Price" class="input"/><input type="hidden" name="data[ProjectOfferPosition][0][position]" value="1" id="ProjectOfferPosition0Position"/></td>
</tr>

＆＃13;

当我更改下拉列表的值时，我希望更新同一行中的文本字段（向现有产品添加选项价格）。事情就是这样，我不知道如何阅读＆＃39;我在（[0] -Part）

中的哪一行

修改让它运行。仍然但仍然是硬编码，而不是动态响应多行

提前感谢您的帮助

Answer 1

为您选择与文本字段对应的ID，例如＆＃34; select-id-nr＆＃34;和＆＃34; text-id-nr＆＃34;。然后，您可以检查更改中的选择字段，并简单地将其取值并将其应用于具有相同编号ID的文本字段。您可以从事件目标的ID中获取所需的相应ID，该ID将在更改事件对象中获得。

Answer 2

您需要检测更改，抓取所选文本，然后将其添加到所需的td。

$('.js-my-select').on('change', function(){
  var text = $('.js-my-select option:selected').text();
  $('.js-selected').val(text);
});

工作示例：http://jsfiddle.net/q8r4nL5s/

jQuery通过下拉列表更改tablerow中的文本字段

2 个答案: