値が異なるトウオプションを持つ1つのテキストボックス

Question

フォームにはトウオプション付きのテキストボックスが含まれていますが、オプションの1つは単なる文字を書き込むオプションで、もう1つのオプションはどのように分離できるのですか？

ユーザがジャーナル名を選択したときには手紙を書くべきであり、ISSNを選択するとジャストナンバーが入力されますか？ 関数ValidateTextBox（TXT） {

if (txt == "ISSN") { 
    document.getElementById("searchword").pattern="[0-9]{4}[-]{1}[0-9]{3}[0-9Xx]{1}"; 
     document.getElementById("searchword").placeholder="like: 1111-1111 or 1111-111x"; 
} 
else { 
     document.getElementById("searchword").pattern="[A-Za-z]{100}"; 
    document.getElementById("searchword").placeholder="International journal of Computers and Technology"; 

} 

}

関数inputLimiter（例えば、許可）{ するvar AllowableCharacters = ''; {AllowableCharactersの= 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz';}（== '手紙' を許可する）場合 するvar K = document.allののparseInt（e.keyCode）：のparseInt（e.which）。 if（k！= 13 && k！= 8 && k！= 0）{ if（（e.ctrlKey == false）&&（e.altKey == false））{ return（AllowableCharacters.indexOf（String。 fromCharCode（k））！= - 1）; } else { がtrueを返します。 } } else { return true; } }

Answer 1

チェックこの​​ユーザーは価値が、これはHTML

<select id="data"> 
    <option value=""></option> 
<option value="text">text</option> 
<option value="number">number</option> 

以下はシンプルなjQueryの

によって行わテキストボックス

で表示されることをドロップダウンから値を選択するとき

以下

あなたはonkeyupのかのonchangeがトリガされたときに、要素の値を検証するようにjQueryの

$(document).ready(function(e) { 
$("#data").change(function(){ 
var item = $(this).val();   
    $("#dataval").attr("type",item) 
});});