Question

我已经创建了计算项目。我的代码有输入字段名称估计属性税。此输入字段有两种类型的值。这两种类型的值％和$值。现在我的输入字段只获得％值。没有获得$ value.MY旧的UI代码：

 <td>Estimate Property Tax </td>
        <td>
          <input name="propertytaxpc" type="text" size="8" maxlength="8" value="<?php echo $dproperty_tax; ?>" onChange="javascript:propertyTaxPcChanged(true)" />
        %</td>
        <td>Or $ 

          <input name="propertytaxamt" type="text" size="8" maxlength="8" onChange="javascript:propertyTaxAmountChanged(true)"  />
          </td>
        <td>

现在我已创建此代码单输入值％value是默认新代码：

    <div class="row">

                                   <div class="col-md-4 padding-rht bdy">
   <label id="lblEstimatePropertyTax"class="pull-left"style="font-weight: 600">
                                Estimate Property Tax</label>
                                    </div>

                <div class="col-md-3 padding-rht">
     <input name="propertytaxpc" class="txt" type="text" size="8" maxlength="8" value="<?php echo $dproperty_tax;?>" onChange="javascript:propertyTaxPcChanged(true)" />
                                       </div>

              <div class="col-md-1 padding-lft">
                        <img src="Content/Images/percent.png" onclick="changeColor(event,this.src)" style="cursor:pointer"/>
                                       </div>

我的ICON更改脚本：

function changeColor（event，_src）{

   var fname = _src;
    var ImageName = fname.substring(fname.lastIndexOf('/') + 1);
    //alert(ImageName);
    if (ImageName == "percent.png") {
        $(event.target).attr("src", "Content/Images/RedDoller.png");
    }
    else {
        $(event.target).attr("src", "Content/Images/percent.png");
   }
}

现在我的UI我使用单个输入字段％和$两个值的加载单个输入字段。现在我得到％值。如果我用户将％更改为$ value也需要更改。请帮助我，我只获得％值？如何改变onclick功能？

Answer 1

我不确定我是否完全理解，但似乎您的php代码正在设置服务器端。

value="<?php echo $dproperty_tax;?>"

使用javascript更改图像不会返回服务器以使用$ value替换％值。我会像以前一样向DOM输出两个单独的输入字段。但是使用javascript来显示和隐藏相应的输入框。

或者，您可以使用数据属性来保存输入中的百分比和美元值，并使用javascript设置值。

<input name="propertytaxpc" class="txt" type="text" size="8" maxlength="8" data-percent="<?php echo $dproperty_tax;?>" data-dollar="<?php echo $TaxDollars;?>" value="<?php echo $dproperty_tax;?>" onChange="javascript:propertyTaxPcChanged(true)" />

然后在你的javascript代码中

var taxInput = $('input[name="propertytaxpc"]');
if (ImageName == "percent.png") {
    $(event.target).attr("src", "Content/Images/RedDoller.png");
    taxInput.val(taxInput.attr('data-dollar'));
}
else {
    $(event.target).attr("src", "Content/Images/percent.png");
    taxInput.val(taxInput.attr('data-percent'));
}

Javascript加载两个值单个输入字段

1 个答案: