텍스트 상자를 활성화/비활성화하는 방법. 또한 드롭 다운 목록에서 값 변경시 텍스트 상자를 비워 두십시오.

Question

jquery를 사용하여 작동을 설정/해제합니다.

<script type="text/javascript"> 
     $(document).ready(function() { 
      $("#ddlUser").change(function() { 
       var selectedValue = $(this)[0].value; 
       if (selectedValue == "--Select User--") { 
        $("#txtUserName").removeAttr("disabled"); 
        $("#txtUserName").val(""); 
        $("#txtPassword").removeAttr("disabled"); 
        $("#txtPassword").val(""); 
        $("#txtConfirmPassword").removeAttr("disabled"); 
        $("#txtConfirmPassword").val(""); 
        $("#txtEmailId").removeAttr("disabled"); 
        $("#txtEmailId").val(""); 
       } 
       else { 
        $("#txtUserName").attr("disabled", "disabled"); 
        $("#txtPassword").attr("disabled", "disabled"); 
        $("#txtConfirmPassword").attr("disabled", "disabled"); 
        $("#txtEmailId").attr("disabled", "disabled"); 
       } 
      }); 
     }); 
</script> 



<%= Html.DropDownList("ddlUsers", (SelectList)ViewData["ddlUsers"], "--Select User--", new { id = "ddlUsers", title = "Select User" })%> 

컨트롤러의 데이터는

MembershipUserCollection lstUser = Membership.GetAllUsers(); 

    ViewData["ddlUsers"] = new SelectList(lstUser, "UserName", "UserName"); 

Answer 1

// Genereric watermarking function 
jQuery.fn.waterMark = function (options) { 
    var defaults = { 
     activeColor: '#19254A', 
     inActiveColor: '#19254A' 
    }; 

    var settings = $.extend({}, defaults, options); 

    return this.each(function() { 
     var initVal = $(this).val(); 
     $(this).focus(function() { 
      if ($(this).val() === initVal) { 
       $(this).val('').css({ 'color': defaults.activeColor }); 
      } 
      else { return false } 
     }); 
     $(this).blur(function() { 
      if ($(this).val() === '' || $(this).val() === initVal) { 
       $(this).val(initVal).css({ 'color': defaults.inActiveColor }); 
      } 
      else { return false } 
     }); 
    }); 
} 

로 전달하고 다음과 같이 호출 [당신은 유형의 검색과 같은 텍스트 입력에 초기 값을 제공해야합니다 ...] :

$('input[type=text]').waterMark(); 

및 사용 및 사용 안 함 :

$('input').attr('disabled', 'disabled'); 

및

$('input').attr('disabled', '');