如何使用JavaScript重置文本字段值?
问题描述:
我有以下代码:如何使用JavaScript重置文本字段值?
<div class="form-group">
<?= $form->labelEx($model, 'membership', array('class' => 'col-xs-12 col-sm-4 control-label')) ?>
<div class="col-xs-12 col-sm-3">
<?= $form->dropDownList($model, 'membership', array(Yii::t('member', 'Yes'), Yii::t('member', 'MO')), array(
'class' => 'form-control',)); ?>
</div>
<?= $form->error($model, 'membership') ?>
</div>
和
<div class="col-xs-12 col-sm-3">
<?= $form->textField($model, 'question', array('class' => 'form-control dotted')) ?>
<?= $form->error($model, 'question') ?>
</div>
我需要发展的时候用户选择从下拉菜单中选择“否”选项,重置文本框,一个JavaScript文件。我该怎么做?
答
试试这个:
// for Id selector
document.getElementById('element_id').value = '';
// for class selector
document.getElementsByClassName("element_class").value = '';
+0
当下拉值时也会添加改为NO。 – devpro
答
您可以创建JavaScript函数一样
function myFunction(val) {
if(val=='NO')
{
document.getElementById('element_id').value = '';
}
}
,并调用它像这样: <select onchange="myFunction(this.value)">
答
尝试JS/JQuery
。在dropdown
中应用onchange
函数。在功能检查选择的值,如果为否,则空文本字段,通过使用ID
下面text_field_id
是你的文本字段的ID
<?= $form->dropDownList($model, 'membership', array(Yii::t('member', 'Yes'), Yii::t('member', 'MO')), array(
'class' => 'form-control','onchange'=>'validate(this.value)')); ?>
<script type="text/javascript">
function validate(value)
{
if(value == 'NO') {
document.getElementById('text_field_id').value = '';
}
}
</script>
答
首先在<select>
加平变化的功能:
<?=$form->dropDownList($model, 'membership', array(Yii::t('member', 'Yes'), Yii::t('member', 'MO')),
array('class' => 'form-control','onchange'=>'getAlert(this.value)')); ?>
比在javascript:
<script type="text/javascript">
function getAlert(value){
if(value == 'No'){
document.getElementsByName("membership").value = '';
}
}
</script>
答
$("selector_class_or_id").change(function() {
var selected_value = $(this).val();
if(selected_value === 'NO'){
$("textField_class_or_id").val('');
}
});
+0
未标记jQuery – devpro
你会用一个if else子句 –
现在你有5个解决方案,请尝试 – devpro
可能重复这样做[清除当下拉选择字段设置为某个值的文本输入字段?](HTTP ://////////// 25955477/clear-a-text-input-field-when-a-dropdown-selection-field-is-set-to-a-certain-val) –