[英]Jquery get text of selected option dropdown
我有一個HTML表單,並且正在一些數字輸入字段值上進行循環,以在頁面底部總計出來。
我需要獲取最近的下拉菜單的文本值(而不是選項值)。
我的HTML如下:
<div class="standard-row wsheet-row input-row" id="5438">
<label class="ib">
<span class="label-stacked">Category</span>
<select class="inp inp220 inp-disabled" readonly="" data-myname="worksheet[*][plots][!][sub_category][]" name="sub_category">
<option value="5438">NON LABOUR</option>
</select>
</label>
<label class="ib">
<span class="label-stacked">Total</span>
<input class="inp inp110 data-addup-total inp-calculate" data-myname="worksheet[*][plots][!][total_cost][]" name="total_cost" value="0.00" type="text">
</label>
</div>
<div class="standard-row wsheet-row input-row" id="5240">
<label class="ib">
<span class="label-stacked">Category</span>
<select class="inp inp220 inp-disabled" readonly="" data-myname="worksheet[*][plots][!][sub_category][]" name="sub_category">
<option value="5240">1ST FIX CYLINDER</option>
</select>
</label>
<label class="ib">
<span class="label-stacked">Price</span>
<input class="inp inp110 inp-disabled" readonly="" data-myname="worksheet[*][plots][!][price][]" name="price" value="£40.00" type="text">
</label>
<label class="ib">
<span class="label-stacked">Number</span>
<input class="inp inp55 inp-calculate" data-myname="worksheet[*][plots][!][number_units][]" name="number_units" value="" type="text">
</label>
<label class="ib">
<span class="label-stacked">Total</span>
<input class="inp inp110 inp-disabled data-addup-total" readonly="" data-myname="worksheet[*][plots][!][total_cost][]" name="total_cost" value="£0.00" type="text">
</label>
</div>
<div class="wsheet-labour-total">LABOUR: £4.00</div>
<div class="wsheet-nonlabour-total">NON LABOUR: £4.00</div>
<div class="wsheet-final-total">TOTAL CLAIM: £4.00</div>
我用來嘗試選擇之前的jQuery:
$(parentRow).find('.data-addup-total').each(function() {
// get closest sub_category
var subCategory = $(this).closest('.inp220 option:selected').prev().text();
alert(subCategory);
price = $(this).val().replace(/[^\d.-]/g, '');
numtotal += parseFloat(price);
});
如果使用控制台,則會得到:
Object { length: 0, prevObject: Object, context: <input.inp.inp110.data-addup-total.inp-calculate> } worksheet.js:158:1
Object { length: 0, prevObject: Object, context: <input.inp.inp110.inp-disabled.data-addup-total> } worksheet.js:158:1
Object { length: 0, prevObject: Object, context: <input.inp.inp110.data-addup-total.inp-calculate> } worksheet.js:158:1
Object { length: 0, prevObject: Object, context: <input.inp.inp110.inp-disabled.data-addup-total> } worksheet.js:158:1
$('.data-addup-total').each(function () {
// get closest sub_category
var subCategory = $(this).parent().siblings().find('.inp220 option:selected').text();
alert(subCategory);
});
嘗試這個
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.