텍스트 필드 값을 다시 설정하기 위해 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> 

나는 사용자가 드롭 다운 메뉴에서 'NO'옵션을 선택할 때, TextField를 재설정 자바 스크립트 파일을 개발해야합니다. 내가 어떻게 해?

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

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

Answer 1

이 시도 <select onchange="myFunction(this.value)">

Answer 2

당신이

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

같은 자바 스크립트 함수를 만들 수 있으며, 다음과 같이 호출 :

Answer 3

이 JS/JQuery를 사용해보십시오. dropdown에 onchange 함수를 적용하십시오. 함수에서 검사 값을 선택하고 빈 텍스트 필드 ID를 사용하여 NO 다음없는 경우 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> 

Answer 4

우선으로 <select>에서 onchange를 함수를 추가

<?=$form->dropDownList($model, 'membership', array(Yii::t('member', 'Yes'), Yii::t('member', 'MO')), 
array('class' => 'form-control','onchange'=>'getAlert(this.value)')); ?> 

자바 스크립트보다

:

<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(''); 
} 
});