问个关于select的问题？

我就眯两小时 2013-04-12 10:18:54

有两个select， A1，A2吧，如果我选择A1的某个值，让A2选中一个值，同时设成只读的，A1选择别的时候恢复过来，请问这个js怎么写？select用disable不好使啊

...全文

178 11 打赏收藏转发到动态举报

写回复

用AI写文章

11 条回复

切换为时间正序

请发表友善的回复…

发表回复

一天要饭生活又开始啦 2013-04-12

打赏
举报

function changeA2(obj)
        {
            var t = {'key':'b','value':'2'};//映射对应关系
            if(obj.value==t.key){
                document.getElementById("A2").value=t.value;
                document.getElementById("A2").disabled='disabled';
            }else{
                if(document.getElementById("A2").value==t.value) document.getElementById("A2").value='';
                document.getElementById("A2").disabled='';
            }
        }

我就眯两小时 2013-04-12

打赏
举报

引用 5 楼 fengyun817 的回复:

disabled可以在提交的方法里取消 JavaScript code?12345function submitMethod(){ document.getElementById("A2").disabled=false; //其他代码}

嗯感觉可以，我试试！

fengyun817 2013-04-12

打赏
举报

disabled可以在提交的方法里取消

function submitMethod()
{
  document.getElementById("A2").disabled=false;
  //其他代码
}

我就眯两小时 2013-04-12

打赏
举报

我就眯两小时 2013-04-12

打赏
举报

来个人指点下啊

我就眯两小时 2013-04-12

打赏
举报

引用 1 楼 fengyun817 的回复:

直接上代码 XML/HTML code?1234567891011121314151617181920212223242526272829303132333435363738<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html lan……

假如提交的时候，貌似你这个select A2值传不到后台吧？我还想A2只读的时候把值也传到后台

fengyun817 2013-04-12

打赏
举报

直接上代码

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="zh">
<head>
	<title></title>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<script type="text/javascript">
		function changeA2(obj)
		{
			var t = {'key':'b','value':'2'};//映射对应关系
			if(obj.value==t.key){
				document.getElementById("A2").value=t.value;
				document.getElementById("A2").disabled=true;
			}else{
				document.getElementById("A2").value='';
				document.getElementById("A2").disabled=false;
			}
		}
	
	</script>
</head>
<body>
	<select name="A1" id="A1" onchange="changeA2(this)">
		<option value="">--请选择--</option>
		<option value="a">a</option>
		<option value="b">b</option>
		<option value="c">c</option>
		<option value="d">d</option>
	</select>
	
		<select name="A2" id="A2">
		<option value="">--请选择--</option>
		<option value="1">1</option>
		<option value="2">2</option>
		<option value="3">3</option>
		<option value="4">4</option>
	</select>
</body>
</html>

secondfirstlife 2013-04-12

打赏
举报

我是这样用f($("#mainLand").val() == 1){ $("#siteType").empty(); var option0 = $("<option>").val("2").text("儿童福利院"); var option1 = $("<option>").val("3").text("公安局/派出所"); var option2 = $("<option>").val("4").text("救助管理站"); var option3 = $("<option>").val("5").text("路面协查网点"); var option4 = $("<option>").val("6").text("未成年保护中心"); $("#siteType").append(option0); $("#siteType").append(option1); $("#siteType").append(option2); $("#siteType").append(option3); $("#siteType").append(option4); } $("#mainLand").change(function(){ if($("#mainLand").val() == 1){ $("#siteType").empty(); var option0 = $("<option>").val("2").text("儿童福利院"); var option1 = $("<option>").val("3").text("公安局/派出所"); var option2 = $("<option>").val("4").text("救助管理站"); var option3 = $("<option>").val("5").text("路面协查网点"); var option4 = $("<option>").val("6").text("未成年保护中心"); $("#siteType").append(option0); $("#siteType").append(option1); $("#siteType").append(option2); $("#siteType").append(option3); $("#siteType").append(option4); } if($("#mainLand").val() == 0){ $("#siteType").empty(); var option5 = $("<option>").val("3").text("警务署"); var option6 = $("<option>").val("2").text("儿童之家"); var option7 = $("<option>").val("5").text("流浪者之家"); $("#siteType").append(option5); $("#siteType").append(option6); $("#siteType").append(option7); } });

信智诚承 2013-04-12

打赏
举报


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="zh">
<head>
<title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <script type="text/javascript">
        function changeA1(obj)
        {
            var t = {'key':'b','value':'2'};//映射对应关系
            if(obj.value==t.key){
                document.getElementById("A2").value=t.value;
                document.getElementById("A2").disabled=true;
            }else{
                document.getElementById("A2").value='';
                document.getElementById("A2").disabled=false;
            }
			changeA2(document.getElementById("A2"));
        }
     	function changeA2(obj)
        {
			document.getElementById("S2").value=obj.value;
        }
    </script>
</head>
<body>
    <select name="A1" id="A1" onchange="changeA1(this)">
        <option value="">--请选择--</option>
        <option value="a">a</option>
        <option value="b">b</option>
        <option value="c">c</option>
        <option value="d">d</option>
    </select>
    <input type="hidden" name="S2" id="S2">
    <select name="A2" id="A2" onChange="changeA2(this)">
        <option value="">--请选择--</option>
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
    </select>
</body>
</html>

此代码是根据二楼提出方案的改良方案，用隐藏域接收A2的值，这样后台只需要接收隐藏域S2的值就可以了，A2取不取值都不影响。

吉普赛的歌社区高级成员 T9 2013-04-12

打赏
举报

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        // 下面的插件部分建议放在js文件中，　方便调用
        //-------------- 插件 begin ------------------
        (function ($) {
            //屏蔽，适合单个元素.
            $.fn.mask = function () {
                var divHtml = '<div class="divMask" style="position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; background: #fff; opacity: 0; filter: alpha(opacity=0)"> </div>';
                $(this).wrap('<span style="position: relative"></span>');
                $(this).parent().append(divHtml);
                $(this).data("mask","true");
            }
            //取消屏蔽
            $.fn.unmask = function () {
                $(this).parent().find(".divMask").remove();
                $(this).unwrap();
                $(this).data("mask", "false");
            }
        })(jQuery);
        //-------------- 插件 end ------------------

        //并没有做disabled处理，　只是上面加多了个屏蔽，　使之无法点到而已。 
        //这样其它地方无须再处理，更方便。
        function changeA2(obj) {
            var t = { 'key': 'b', 'value': '2' };//映射对应关系
            if (obj.value == t.key) {
                $("#A2").val(t.value);
                $("#A2").mask();
            } else {
                $("#A2").val("");
                $("#A2").unmask();
            }
        }
    </script>
</head>
<body>
    <select name="A1" id="A1" onchange="changeA2(this)">
        <option value="">--请选择--</option>
        <option value="a">a</option>
        <option value="b">b</option>
        <option value="c">c</option>
        <option value="d">d</option>
    </select>
    <select name="A2" id="A2">
        <option value="">--请选择--</option>
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
    </select>
</body>
</html>