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

Question

我開始根據此解決方案生成腳本，該腳本基於下拉列表在此鏈接顯示/隱藏文本框中找到

在這種情況下，該值必須是字符值。 但是在我的情況下，我需要確定的是從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 word，則此腳本可以正常工作。 如何修改此腳本？

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 。