Question

我有单个输入字段，即<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>。此输入字段有两种类型的值

第一个值是％
第二个值在$

这是我的代码：

<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>

此代码是旧UI。旧UI具有％和$的单独输入字段。现在我设计将两个输入字段更改为单个输入字段。我设置了％和$ icon。现在我将％作为默认值。当用户将图标从％更改为$时，我需要传递$ value。我的新代码

 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");
            document.querySelector('input[name=propertytaxpc]').value();
        }
        else {
            $(event.target).attr("src", "Content/Images/percent.png");
            document.querySelector('input[name=propertytaxamt]').value();
       }
    }

我希望传递两个值％和$ .I的单个输入ID已经创建了图标更改功能脚本

<video id="helpVideoPlayer" width="788" height="327" controls>
    <source src="" type="video/mp4">
    Your browser does not support the video tag.
</video>

如何从单个输入字段传递两个值？现在图标只会改变吗？

Answer 1

您可以这样做：

onclick="changeColor(event,this.src, document.querySelector('input[name=propertytaxpc]').value,document.querySelector('input[name=propertytaxamt]').value)"

Click Function上的值更改

1 个答案: