隐藏/显示文本字段时，选择下拉列表中指定的值

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。