Question

我有以下标记：

(function( $ ) {
	'use strict';

	function format_number_two_decimal(number) {
		return parseFloat(Math.round(number * 100) / 100).toFixed(2);
	}

	function calculartotal(){
		var importe_neto = document.getElementById("acf-field_58c13e2ed4e42").value;
		var importe_total = importe_neto * 1.21;
		importe_total = format_number_two_decimal( importe_total) ;

		$("input#acf-field_58c142a090f58").val( importe_total );
		$("input#acf-field_58c13e2ed4e42").val( format_number_two_decimal( importe_neto ) );

    //debug purposes
		console.log( importe_neto );
	};

	$(document).on('change', 'input#acf-field_58c13e2ed4e42', function () {
		calculartotal();
	});	

    /**
     * on page load
     */
    $(function(){
        calculartotal();
    });

})( jQuery );

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="fac_importe_neto" class="acf-field acf-field-number acf-field-58c13e2ed4e42" data-name="fac_importe_neto" data-type="number" data-key="field_58c13e2ed4e42">
	<div class="acf-label">
		<label for="acf-field_58c13e2ed4e42">Importe neto</label>
	</div>
	<div class="acf-input">
		<div class="acf-input-wrap"><input type="number" id="acf-field_58c13e2ed4e42" class="acf-is-appended" min="" max="" step="any" name="acf[field_58c13e2ed4e42]" value="" placeholder=""></div>
  </div>
</div>

<div id="fac_importe_total" class="acf-field acf-field-number acf-field-58c142a090f58" data-name="fac_importe_total" data-type="number" data-key="field_58c142a090f58">
	<div class="acf-label">
		<label for="acf-field_58c142a090f58">Importe total</label>
	</div>
	<div class="acf-input">
		<div class="acf-input-wrap"><input type="number" id="acf-field_58c142a090f58" class="acf-is-appended" min="" max="" step="any" name="acf[field_58c142a090f58]" value="" placeholder=""></div>
  </div>
</div>

它就像一个魅力，但我想在整个脚本中完全删除对我的框架自动生成的数字id的引用（即acf-field_58c142a090f58），而使用更多的语义ID（由我编写）。 / p>

注意：框架不允许我在输入字段中输入语义ID，所以......

我试图使用父div ID，实际上我可以控制哪个名称，即“fac_importe_neto”，如下所示：

var importe_neto = $("#fac_importe_neto").find("input").value;

没有成功......我缺少什么？

Answer 1

尝试继续使用jquery val()：

var importe_neto = $("#fac_importe_neto").find("input").val();

Answer 2

你在jquery中使用javascript

var importe_neto = $("#fac_importe_neto").find("input").val();

Answer 3

您需要使用val（），而不是值。

通过父div id获取输入值

3 个答案: