Как включить / отключить текстовое поле.а также сделать текстовое поле пустым при изменении значения в раскрывающемся списке

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', '');