如何用asp+js获取并判断当前页的select下拉列表框的值?
在用户选择时,在当前页面的text里实时获取,不是提交后获取,<selectname="myst"><opiontvalue="1">一般</option><opiont...
在用户选择时,在当前页面的text里实时获取,不是提交后获取,
<select name="myst">
<opiont value="1">一般</option>
<opiont value="2">不错</option>
<opiont value="3">好</option>
<opiont value="4">很好</option>
</select>
输出的结果放到文本框中,全用js可能答不到我想要的效果.
<input type="text" name="abc" id="abc" value="
<%
当用户选择myst下拉列表框的opiont的Value=1时, 输出"自定义字1"
当用户选择myst下拉列表框的opiont的value=2时,输出"自定义字2"
当用户选择myst下拉列表框的opiont的value=3时,输出"自定义字3"
......
%> ">
兼容问题一定要想到啊~ 展开
<select name="myst">
<opiont value="1">一般</option>
<opiont value="2">不错</option>
<opiont value="3">好</option>
<opiont value="4">很好</option>
</select>
输出的结果放到文本框中,全用js可能答不到我想要的效果.
<input type="text" name="abc" id="abc" value="
<%
当用户选择myst下拉列表框的opiont的Value=1时, 输出"自定义字1"
当用户选择myst下拉列表框的opiont的value=2时,输出"自定义字2"
当用户选择myst下拉列表框的opiont的value=3时,输出"自定义字3"
......
%> ">
兼容问题一定要想到啊~ 展开
2个回答
推荐于2016-03-08
展开全部
你说的兼容指的是浏览器兼容吧,这些都是最基础的,只要浏览器中没有设置禁用javascript,那么这两种方法的代码基本可用,至少IE与Firefox火狐是没问题的,其它浏览器没用过,所以没测试,你自己有那个需求的话可试一下。
方法一:
asp:
<select id="myst" name="myst" onchange="doFun();">
<option value="1">一般</option>
<option value="2">不错</option>
<option value="3">好</option>
<option value="4">很好</option>
</select>
<input type="text" name="abc" id="abc" value="自定义1">
js:
function doFun(){
var val=document.getElementById("myst").value;
var txt=document.getElementById("abc");
if("1"==val){
txt.value="自定义1"
}
if("2"==val){
txt.value="自定义2"
}
if("3"==val){
txt.value="自定义3"
}
if("4"==val){
txt.value="自定义4"
}
}
方法二:
此方法中需要引进jquery.js文件,网上可下载,建议使用jquery.1.7.1.js版本的。
asp:
<select id="myst" name="myst">
<option value="1">一般</option>
<option value="2">不错</option>
<option value="3">好</option>
<option value="4">很好</option>
</select>
<input type="text" name="abc" id="abc" value="自定义1">
js:
$(document).ready(function(){
$("#myst").change(function(){
var val=$("#myst").val();
var txt=$("#abc");
if("1"==val){
txt.val("自定义1");
}
if("2"==val){
txt.val("自定义2");
}
if("3"==val){
txt.val("自定义3");
}
if("4"==val){
txt.val("自定义4");
}
});
});
方法一:
asp:
<select id="myst" name="myst" onchange="doFun();">
<option value="1">一般</option>
<option value="2">不错</option>
<option value="3">好</option>
<option value="4">很好</option>
</select>
<input type="text" name="abc" id="abc" value="自定义1">
js:
function doFun(){
var val=document.getElementById("myst").value;
var txt=document.getElementById("abc");
if("1"==val){
txt.value="自定义1"
}
if("2"==val){
txt.value="自定义2"
}
if("3"==val){
txt.value="自定义3"
}
if("4"==val){
txt.value="自定义4"
}
}
方法二:
此方法中需要引进jquery.js文件,网上可下载,建议使用jquery.1.7.1.js版本的。
asp:
<select id="myst" name="myst">
<option value="1">一般</option>
<option value="2">不错</option>
<option value="3">好</option>
<option value="4">很好</option>
</select>
<input type="text" name="abc" id="abc" value="自定义1">
js:
$(document).ready(function(){
$("#myst").change(function(){
var val=$("#myst").val();
var txt=$("#abc");
if("1"==val){
txt.val("自定义1");
}
if("2"==val){
txt.val("自定义2");
}
if("3"==val){
txt.val("自定义3");
}
if("4"==val){
txt.val("自定义4");
}
});
});
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询