Link to home
Start Free TrialLog in
Avatar of John Hughes
John Hughes

asked on

Can I change the labels of the purchase price and down payment based on the product type using just HTML. This is being used in a html "widget" in a wordpress site. Thank you!

<div class="panel panel-default">

<div class="panel-body">

<form action="/action_page.php">

<div class="form-group">
    <label for="productType">Product Type*</label>
    <select class="form-control" id="productType">
      <option>Purchase</option>
      <option>Refinance</option>
    </select>
  </div>
 

<label for="purchasePrice">Purchase Price*</label>
<div class="input-group">
  <span class="input-group-addon" id="purchasePrice">$</span>
  <input type="text" class="form-control" aria-describedby="purchasePrice">
</div>

<label for="downPayment">Down Payment*</label>
<div class="input-group">
  <span class="input-group-addon" id="downPayment">$</span>
  <input type="text" class="form-control" aria-describedby="downPayment">
</div>

<label for="state">State*</label>
<div class="form-group">
      
      <div>
            <select class="form-control" id="state" name="state">
                  <option value="">N/A</option>
                  <option value="AK">Alaska</option>
                  <option value="AL">Alabama</option>
                  <option value="AR">Arkansas</option>
                  <option value="AZ">Arizona</option>
                  <option value="CA">California</option>
                  <option value="CO">Colorado</option>
                  <option value="CT">Connecticut</option>
                  <option value="DC">District of Columbia</option>
                  <option value="DE">Delaware</option>
                  <option value="FL">Florida</option>
                  <option value="GA">Georgia</option>
                  <option value="HI">Hawaii</option>
                  <option value="IA">Iowa</option>
                  <option value="ID">Idaho</option>
                  <option value="IL">Illinois</option>
                  <option value="IN">Indiana</option>
                  <option value="KS">Kansas</option>
                  <option value="KY">Kentucky</option>
                  <option value="LA">Louisiana</option>
                  <option value="MA">Massachusetts</option>
                  <option value="MD">Maryland</option>
                  <option value="ME">Maine</option>
                  <option value="MI">Michigan</option>
                  <option value="MN">Minnesota</option>
                  <option value="MO">Missouri</option>
                  <option value="MS">Mississippi</option>
                  <option value="MT">Montana</option>
                  <option value="NC">North Carolina</option>
                  <option value="ND">North Dakota</option>
                  <option value="NE">Nebraska</option>
                  <option value="NH">New Hampshire</option>
                  <option value="NJ">New Jersey</option>
                  <option value="NM">New Mexico</option>
                  <option value="NV">Nevada</option>
                  <option value="NY">New York</option>
                  <option value="OH">Ohio</option>
                  <option value="OK">Oklahoma</option>
                  <option value="OR">Oregon</option>
                  <option value="PA">Pennsylvania</option>
                  <option value="PR">Puerto Rico</option>
                  <option value="RI">Rhode Island</option>
                  <option value="SC">South Carolina</option>
                  <option value="SD">South Dakota</option>
                  <option value="TN">Tennessee</option>
                  <option value="TX">Texas</option>
                  <option value="UT">Utah</option>
                  <option value="VA">Virginia</option>
                  <option value="VT">Vermont</option>
                  <option value="WA">Washington</option>
                  <option value="WI">Wisconsin</option>
                  <option value="WV">West Virginia</option>
                  <option value="WY">Wyoming</option>
            </select>
      </div>
</div>


<label for="credit">Credit Score*</label>
<div class="form-group">
      
      <div>
            <select class="form-control" id="state" name="state">
                  <option value="">N/A</option>
                  <option value="excellent">750 or above</option>
                  <option value="good">700-749</option>
                  <option value="fair">650-699</option>
                  <option value="poor">550-649</option>
                        <option value="bad">550 and Below</option>
            </select>
      </div>
</div>



  <div class="text-center" style="padding-top:30px">
  <button id="button" name="button" class="btn btn-primary">Lets Go</button>
</div>


  </form>
</div>



</div>
ASKER CERTIFIED SOLUTION
Avatar of HainKurt
HainKurt
Flag of Canada image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of John Hughes
John Hughes

ASKER

Great work. How Can I add the JS to the wordpress widget?
SOLUTION
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Thank you so much for your help!