隱藏/顯示文本字段時，選擇下拉列表中指定的值

Question

我開始產生從該解決方案我的劇本找到這個鏈接display/hide textbox based on drop down list

在這種情況下，該值必須是一個字符值。但在我的情況下，我需要值是從MySQL數據庫指定的ID號。

這是我修改的腳本，不工作。當選擇其他值時，不顯示文本框。

<form name="myform"> 
    <table> 
     <tr> 
      <td> 
       <select name="one" onchange="if (this.value=='10000'){this.form['10000'].style.visibility='visible'}else {this.form['10000'].style.visibility='hidden'};"> 
       <option value="" selected="selected">Select...</option> 
       <option value="1">1</option> 
       <option value="2">3</option> 
       <option value="3">3</option> 
       <option value="4">4</option> 
       <option value="5">5</option> 
       <option value="6">6</option> 
       <option value="7">7</option> 
       <option value="10000">Other</option> 
       </select> 
       <input type="textbox" name="10000" style="visibility:hidden;"/> 
      </td> 
     </tr> 
    </table> 
</form> 

但是，如果將值10000更改爲OtherValue字，此腳本可以工作。 如何修改此腳本？

Answer 1

你可以像這樣重寫你的代碼。

<form name="myform"> 
 
    <table> 
 
     <tr> 
 
      <td> 
 
       <select name="one" onchange="if (this.value=='10000'){userselect.style.visibility='visible'}else {userselect.style.visibility='hidden'};"> 
 
       <option value="" selected="selected">Select...</option> 
 
       <option value="1">1</option> 
 
       <option value="2">2</option> 
 
       <option value="3">3</option> 
 
       <option value="4">4</option> 
 
       <option value="5">5</option> 
 
       <option value="6">6</option> 
 
       <option value="7">7</option> 
 
       <option value="10000">Other</option> 
 
       </select> 
 
       <input type="textbox" name="10000" id="input" style="visibility:hidden;"/> 
 
      </td> 
 
     </tr> 
 
    </table> 
 
</form> 
 

 
<script> 
 
var userselect = document.getElementById('input'); 
 
</script>

Answer 2

如果你問如何將字符串轉換爲數字，可以追加一個+標誌字符串之前，像這樣：

var numberString = "3";    // the string "3" 
var numericValue = +numberString;  // the number 3 

注意，這如果您的字符串包含數字值以外，則轉換爲NaN。