как использовать JavaScript для изменения значения текстового поля?

Question

я следующий код:

<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, который сбрасывает TextField, когда пользователь выбирает опцию «NO» из выпадающего меню. Как мне это сделать?

Answer 1

Попробуйте это:

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

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

Answer 2

вы можете создать функцию яваскрипта как

function myFunction(val) { 
    if(val=='NO') 
    { 
     document.getElementById('element_id').value = ''; 
    } 
} 

и назвать его так: <select onchange="myFunction(this.value)">

Answer 3

Попробуйте JS/JQuery. применять onchange функция в dropdown. В функции проверки выбранное значение, и если это не то пустое текстовое поле, используя идентификатор

ниже text_field_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> 

Answer 4

Прежде всего добавить OnChange функцию в <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> 

YII Reference

Answer 5

$("selector_class_or_id").change(function() { 

var selected_value = $(this).val(); 

if(selected_value === 'NO'){ 
    $("textField_class_or_id").val(''); 
} 
});