Javascript 动态更改输入字段'；占位符是什么？

我正在使用Javascript、d3库和AngularJS

有没有办法动态更改输入框的占位符？我正在使用一个日历小部件和多个视图，想看看是否有办法让占位符始终是上次输入到字段中的值

我编写了一个小函数，它总是返回最后输入到输入字段中的内容……但是当我尝试设置placeholder=functioniwrite（）时，它实际上会使占位符“functinionwrite（）”而不是运行该函数。

这里有一个小问题：

“占位符”是元素属性，因此可以使用$（“#myInput”）.attr（attributeName，attributeValue）来设置它

在本例中，我映射了按钮单击以使用以下命令更改占位符：

$('#myInput').attr('placeholder', 'new one');

这是一把小提琴：

“占位符”是元素属性，因此可以使用$（“#myInput”）.attr（attributeName，attributeValue）来设置它

在本例中，我映射了按钮单击以使用以下命令更改占位符：

$('#myInput').attr('placeholder', 'new one');

这是一把小提琴：

“占位符”是元素属性，因此可以使用$（“#myInput”）.attr（attributeName，attributeValue）来设置它

在本例中，我映射了按钮单击以使用以下命令更改占位符：

$('#myInput').attr('placeholder', 'new one');

这是一把小提琴：

“占位符”是元素属性，因此可以使用$（“#myInput”）.attr（attributeName，attributeValue）来设置它

在本例中，我映射了按钮单击以使用以下命令更改占位符：

$('#myInput').attr('placeholder', 'new one');

---

我不能评论，但是。。。如果使用angularJs，只需将输入的模型绑定到占位符

<input type="date" placeholder="myModel" ng-model="myModel" />

这样，您的输入将始终是最新填充的值

如果要更改视图，然后检索数据，则必须将其存储在控制器范围之外—如果使用ngIf指令，则每次都会“清理”控制器范围

---

一个很好的方法是使用服务作为持久层。

我不能评论，但。。。如果使用angularJs，只需将输入的模型绑定到占位符

<input type="date" placeholder="myModel" ng-model="myModel" />

这样，您的输入将始终是最新填充的值

如果要更改视图，然后检索数据，则必须将其存储在控制器范围之外—如果使用ngIf指令，则每次都会“清理”控制器范围

---

一个很好的方法是使用服务作为持久层。

我不能评论，但。。。如果使用angularJs，只需将输入的模型绑定到占位符

<input type="date" placeholder="myModel" ng-model="myModel" />

这样，您的输入将始终是最新填充的值

如果要更改视图，然后检索数据，则必须将其存储在控制器范围之外—如果使用ngIf指令，则每次都会“清理”控制器范围

---

一个很好的方法是使用服务作为持久层。

我不能评论，但。。。如果使用angularJs，只需将输入的模型绑定到占位符

<input type="date" placeholder="myModel" ng-model="myModel" />

这样，您的输入将始终是最新填充的值

如果要更改视图，然后检索数据，则必须将其存储在控制器范围之外—如果使用ngIf指令，则每次都会“清理”控制器范围

---

这样做的一个好方法是使用服务作为持久层。

由于您希望

占位符

自动更改或更新

，
动态更改或更新，您可以使用下面的jQuery代码：

$(function() {
    $('input').on('change blur', function() {
        !this.value || $(this).attr('placeholder', this.value);
    });
});

由于您希望自动更改或更新
占位符
和动态更改或更新
占位符
，因此可以使用以下jQuery代码：

$(function() {
    $('input').on('change blur', function() {
        !this.value || $(this).attr('placeholder', this.value);
    });
});

由于您希望自动更改或更新
占位符
和动态更改或更新
占位符
，因此可以使用以下jQuery代码：

$(function() {
    $('input').on('change blur', function() {
        !this.value || $(this).attr('placeholder', this.value);
    });
});

由于您希望自动更改或更新
占位符
和动态更改或更新
占位符
，因此可以使用以下jQuery代码：

$(function() {
    $('input').on('change blur', function() {
        !this.value || $(this).attr('placeholder', this.value);
    });
});

我猜您是在尝试将日历小部件包装成角度指令，如果是这样，下面是我为类似用例所做的操作（我将接受/有效的格式显示为占位符）：

我猜您正试图将日历小部件包装成一个角度指令，如果是这样，下面是我对类似用例所做的操作（我将接受/有效的格式显示为占位符）：

我猜您正试图将日历小部件包装成一个角度指令，如果是这样，下面是我对类似用例所做的操作（我将接受/有效的格式显示为占位符）：

我猜您正试图将日历小部件包装成一个角度指令，如果是这样，下面是我对类似用例所做的操作（我将接受/有效的格式显示为占位符）：

是的，你可以这样做

<input 
placeholder="Select Date" 
onfocus="(this.type='date')" 
onblur="if (!this.value) this.type = 'text'">

是的，你可以用这种方式来做

<input 
placeholder="Select Date" 
onfocus="(this.type='date')" 
onblur="if (!this.value) this.type = 'text'">

是的，你可以用这种方式来做

<input 
placeholder="Select Date" 
onfocus="(this.type='date')" 
onblur="if (!this.value) this.type = 'text'">

是的，你可以用这种方式来做

<input 
placeholder="Select Date" 
onfocus="(this.type='date')" 
onblur="if (!this.value) this.type = 'text'">

AngularJS中存在一个条件属性属性
ng attr-{property\u name}

例如，我使用不同的占位符来进行不同的搜索选项

 ng-attr-placeholder="{{isAdvanceSearch ? setPlaceholder(searchOption) : 'John Smith, 08/23/1970, 123'}}"

这里基于
isAdvanceSearch
变量，我在
setPlaceholder
方法中设置不同的占位符

setPlaceholder
方法返回要在输入字段中设置的占位符

$scope.setPlaceholder = function(searchOption) {
     if (searchOption === "foo") {
          return "Search by foo… e.g. foo1";
     } else if (searchOption === "bar") {
          return "Search by bar… e.g. bar123";
     } else {
          return "John Smith, 08/23/1970, 123";
     }
};

注：
John Smith，08/23/1970，123
是默认占位符。
不要忘记将表达式包装在
{}
括号中。
AngularJS
ng attr-{property\u name}

例如，我使用不同的占位符来进行不同的搜索选项

 ng-attr-placeholder="{{isAdvanceSearch ? setPlaceholder(searchOption) : 'John Smith, 08/23/1970, 123'}}"

这里基于
isAdvanceSearch
变量，