我想设置文本框的最大长度,这取决于用户对上一个文本框的回答
I want to set maxLength of a textbox which depends on the users answer to a previous textbox
所以基本上HTML表单会询问他们属于哪家公司,以及他们是否选择例如:-
<select name="catg" onchange='maxlength()'>
<option> Select..</option>
<option value="stu">Uni Student</option>
<option value="anothersstu">Student at another institution</option>
<option value="staff">Uni Staff</option>
<option value="other">other</option>
</select><br />
Student Number / Staff Number: <input type="text" name="ss"/> <br />
function maxlength(){
if(test.catg.selected=="stu"){
test.ss.maxlength='8';
.focus();
.select();}
return;
}
如果用户选择 Uni 学生或 Uni 教职员工,则"学生编号/教职员工编号"文本框的最大长度需要为 8。
我怎样才能做到这一点? 我已经尝试过更改,但无法使其工作。
你可以做这样的事情:
.HTML:
<select id="select">
<option>Select..</option>
<option value="stu">Uni Student</option>
<option value="anothersstu">Student at another institution</option>
<option value="staff">Uni Staff</option>
<option value="other">other</option>
</select>
<br />Student Number / Staff Number:
<input type="text" id="txt" name="ss" />
<br />
.JS:
document.getElementById('select').onchange = (function(){
if(this.value=="stu"){
document.getElementById('txt').maxLength=8;
}else{
document.getElementById('txt').removeAttribute('maxLength');
}
});
因此,根据您的要求,if
else if
条件
演示:http://jsfiddle.net/AmitJoki/8ZewM/2
<select name="catg" onchange='maxlength()'>
<option> Select..</option>
<option value="stu">Uni Student</option>
<option value="anothersstu">Student at another institution</option>
<option value="staff">Uni Staff</option>
<option value="other">other</option>
</select><br />
Student Number / Staff Number: <input type="text" name="ss" id="ss"/> <br />
Jquery:
$('select').change(function () {
var value = this.value;
if(value=='stu')
{
$("#ss").attr('maxlength','8');
}
else
{
$("#ss").attr('maxlength',''); // clear maxlength if not stu
}
});
<select id="selopt" onchange="maxlength()">
<option value="stu">Uni Student</option>
<option value="anothersstu">Student at another institution</option>
<option value="staff">Uni Staff</option>
<option value="other">other</option>
</select>
Student Number / Staff Number: <input type="text" id="ss" maxlength=""/> <br />
function maxlength(){
var x = document.getElementById("selopt").selectedIndex;
if(document.getElementById("selopt")[x].value=="stu"){
document.getElementById("ss").maxLength=8;
}
return;
}
<select name="catg" id="catg" onchange="maxLengthFunction()">
<option> Select..</option>
<option value="stu">Uni Student</option>
<option value="anothersstu">Student at another institution</option>
<option value="staff">Uni Staff</option>
<option value="other">other</option>
</select><br />
Student Number / Staff Number: <input type="text" name="ss" id="ss" />
在Javascript中
function maxLengthFunction()
{
var ddl = document.getElementById("catg");
var strOption = ddl.options[ddl.selectedIndex].text
if(strOption == "Uni Student" || strOption == "Uni Staff" )
document.getElementById("ss").maxLength="8";
else
document.getElementById("ss").removeAttribute('maxLength');
}
试试这个
$(document).ready(function(){
$("#sele").change(function(){
var optext=$("#sele option:selected").text();
if(optext=='Uni Student'||optext=='Uni Staff'){
$("#tname").val("");
$("#tname").attr('maxlength','8');
}
else{
$("#tname").val("");
$("#tname").attr('maxlength','');
}
});
});
<select name="sele" id="sele" > <option> Select..</option>
<option value="stu">Uni Student</option>
<option value="anothersstu">Student at another institution</option>
<option value="staff">Uni Staff</option>
<option value="other">other</option>
</select><br />
Student Number / Staff Number: <input type="text" name="ss" id="tname"/>
相关文章:
- 我想创建一个长度取决于用户输入的数组,然后尝试找到数组中所有数字的总和
- 脚本中的变量取决于用户输入的文本字段
- 如何动态创建集合名称(取决于用户信息)
- 如何排列所选选项取决于用户选择
- 用户取消选择,然后从数组中删除项目并进行排列,具体取决于它们的选择方式
- 我在表单页面上有一个弹出窗口以及一个隐藏元素,具体取决于用户输入.两者都使用 jquery
- 是否可以让JS函数的返回取决于用户操作
- (多选)排列选项取决于用户的选择
- 护照 JS - 一个登录表单 - 重定向到不同的 URI,具体取决于用户角色
- Javascript自定义排序功能取决于用户输入
- 进度条取决于用户输入
- 动态js的答案取决于用户的输入
- 如何包含php文件取决于用户选择的内容
- 交换时间和线性缩放取决于用户选择
- 更改取决于用户是否选择“是”;或“;No"
- 显示/隐藏下载按钮取决于用户是否在ios上
- Dijit ValidationTextBox:是否显示invalidMessage,取决于用户首先做什么
- 谷歌chrome应用程序开发允许您添加html和javascript到本地存储的文件,取决于用户
- 具有数据库中特定信息的模式,具体取决于用户单击的位置
- 我想设置文本框的最大长度,这取决于用户对上一个文本框的回答