jquery不改變文本輸入的值

Question

我正在嘗試創建一個“你是如何找到我們的表單元素”而且我遇到了一些jQuery問題。 用戶從選項列表中進行選擇，其中一個是“其他”。 當選擇其他文本框時，它們可以更具體。 為了使用戶更友好，在顯示其他選項時隱藏輸入。 我已經讓jQuery工作以顯示和隱藏文本輸入，因為用戶更改了選項，但我希望它清除文本框中的任何文本，如果用戶選擇其他，填充內容，然后選擇另一個選項。

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

包含附加輸入的pcHiddenOtherSpecify div顯示並消失，但#pcHiddenOtherSpecify的值仍然具有用戶輸入的內容。 我也試過了

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

沒有運氣。 我在這里做錯了什么想法？

Answer 1

您正在嘗試更改div元素的值，而不是輸入。 嘗試這個：

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

Answer 2

錯誤的身份證

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

Answer 3

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

看看http://codepen.io/JcBurleson/pen/MKBBWq