QuoteWerks Support Portal

I am trying to calculate the total based on 2 different dropdown/select lists in QuoteValet. However when using Jquery to get the selected value when the select list changes, it is returning an undefined value.

It appears the QuoteValet template is generating a select option that is selected by default but has no value set. 

This is what one of the select lists looks like from the generated QuoteValet template.. notice the last option in the list.. has no set value and is selected by default... it appears as this is what the JQUERY is grabbing when I do this.

cameras = parseInt($(".DH_Customtext21 option:selected").val());

console.log(cameras);

the console shows undefined as the value returned..

<select name="DH_Customtext21" id="DH_Customtext21">

  <option value="3">3</option>

  <option value="7">7</option>

  <option value="30">30</option>

  <option value="60">60</option>

  <option selected="selected" value></option>

  </select>

How do I go about getting the selected drop down list value???