jquery not changing value of text input

Question

I'm trying to create a "How did you find us form element" and I'm having some jQuery trouble. The user selects from a list of options, one of which is "other". When selected other a text box that allows them to be more specific. In an effort to make this more user friendly that input is hidden when another option is displayed. I've got the jQuery working to show and hide the text input as the user changes the option but I would like it to clear any text in the text box in the event the user selects other, fills something in, then selects another option.

<label for="pcFindUs">How did you hear about us?</label>
        <select name="pcFindUs" id="pcFindUs" onChange="getval();">
          <option value="No Answer">Select One</option>
          <option value="Internet Search">Internet search</option>
          <option value="Internet Advertisement">Internet ad</option>
          <option value="Soclail Media">Social media </option>
          <option value="Unknown">I don't remember</option>
          <option value="other">Other</option>
        </select><br/>
        <div id="pcHiddenOtherSpecify" style="display:none;">
          <label for="pcFindUsSpecify">(Please Specify): </label><input type="text" value="" id="pcFindUsSpecify" name="pcFindUsSpecify" maxlength="50">
        </div>
        <script>
          function getval(){
            var values = $('#pcFindUs :selected').val();
            if (values == "other"){
              $("#pcHiddenOtherSpecify").css("display","block");
            }else{
              $("#pcHiddenOtherSpecify").attr("value","");
              $("#pcHiddenOtherSpecify").css("display","none");
            }
          }
        </script>

The pcHiddenOtherSpecify div containing the additional input appears and disappears just fine, but the value of #pcHiddenOtherSpecify still has whatever the user entered. I've also tried

$("#pcHiddenOtherSpecify").val("");

With no luck. Any ideas what I may be doing wrong here?

swatkins · Accepted Answer · 2016-02-02 16:23:19Z

8

You are trying to change the value of a div element, not an input. Try this:

$("#pcFindUsSpecify").val("");

answered Feb 2, 2016 at 16:23

swatkins

13.6k4 gold badges50 silver badges79 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

David Over a year ago

That was my mistake. Thanks.

StudioTime · Accepted Answer · 2016-02-02 16:23:37Z

6

Wrong ID

$("#pcFindUsSpecify").val("");

answered Feb 2, 2016 at 16:23

StudioTime

24.4k40 gold badges129 silver badges217 bronze badges

Comments

Joshua Burleson · Accepted Answer · 2016-02-02 16:40:02Z

1

try $("#pcFindUsSpecify").val("");

check it out http://codepen.io/JcBurleson/pen/MKBBWq

answered Feb 2, 2016 at 16:40

Joshua Burleson

264 bronze badges

Collectives™ on Stack Overflow

jquery not changing value of text input

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related