다음 코드가 있습니다.
<tbody>
<tr>
<td style="width:40%">
<select id="pname.0" name="pname[]" class="form-control ">
<?php
$this->db->order_by('name','asc');
$prod = $this->db->get('product')->result_array();
foreach($prod as $row): ?>
<option data-price="<?php echo $row['price'];?>" value="<?php echo $row['prod_id'];?>" >
<?php echo ucwords($row['name']);?>
</option>
<?php endforeach; ?>
</select>
</td>
<td style="width:10%">
<input class="form-control" onchange="javascript:calc();" id="item_quantity.0" name="qnty[]" value=""/>
</td>
<td class="text-right" style="width:10%">
<input class="form-control text-right" onchange="javascript:calc();" id="item_price.0" name="price[]" value=""/>
</td>
<td class="text-right" style="width:10%">
<input class="form-control text-right" id="subtot.0" readonly name="item_sub_total" value=""/>
</td>
</tr>
</tbody>
이제 data-priceDropdown에서 변경시 선택한 옵션 의 속성 값 을 동적 ID가 item_price_0 인 텍스트 상자로 가져오고 싶습니다. 행 추가 버튼을 추가함에 따라 변경됩니다. 행 추가를 클릭하면 ID가 item_price_1이됩니다.
jquery 또는 javascript를 사용하여 이러한 값을 어떻게 얻을 수 있는지 친절하게 도와주세요.
이것이 당신이 추구했던 것입니까?
//if your table has an id or class, use it as tag selector is not good without context.
//$(".tableClass") OR $("#tableID")
$("table").on('change', "select[id^='pname']", function() {
var $row = $(this).closest("tr");
$row.find("input[id^='item_price']").val( $(this).find('option:selected').data("price") );
});
따라서 .선택기에서 사용하려면 jQuery 선택기 API 에서 언급 한대로 (2nd para) 이스케이프해야 합니다.
데모 @ 바이올린
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다