如何使用JavaScript重置文本字段值？

Question

I have following code:

<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>

and

<div class="col-xs-12 col-sm-3">
    <?= $form->textField($model, 'question', array('class' => 'form-control dotted')) ?>
    <?= $form->error($model, 'question') ?>
</div>

I need to develop a JavaScript file which resets textField, when user chooses 'NO' option from the drop down menu. How can I do it?

Answer 1

Try this:

// for Id selector
document.getElementById('element_id').value = '';

// for class selector
document.getElementsByClassName("element_class").value = '';