一个文本框,其中两个选项的值不同


one text box with tow option different in value

我有一个表单,其中包含一个带两个选项的文本框,其中一个选项是写一个字母,另一个选项写一个数字,如何将它们分开?

当用户选择日记账名称时,它应该只写一个字母,而当选择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";
}

}

功能输入限制器(e,允许){var AllowableCharacters=";if(allow=="Letters"){AllowableCharacters='ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvxyz';}var k=document.all?parseInt(e.keyCode):parseInt(e.which);如果(k!=13&&k!=8&&k!=0){if((e.ctrlKey==false)&&(e.altKey==false)){return(AllowableCharacters.indexOf(String.fromCharCode(k))=-1) ;}其他{返回true;}}其他{返回true;}}

检查此http://jsfiddle.net/pjkhpxzx/当用户在下拉菜单中选择一个值时,该值将在文本框中可见

这是通过一个简单的JQuery 完成的

下面是HTML

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

下面是Jquery

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