如何使用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文件。我該怎麼做？

來源

2016-10-04 phpdev

你會用一個if else子句 –

現在你有5個解決方案，請嘗試 – devpro

可能重複這樣做[清除當下拉選擇字段設置爲某個值的文本輸入字段？]（HTTP ：//////////// 25955477/clear-a-text-input-field-when-a-dropdown-selection-field-is-set-to-a-certain-val） –

試試這個：

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

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

來源

2016-10-04 07:19:39

當下拉值時也會添加改爲NO。 – devpro

您可以創建JavaScript函數一樣

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

，並調用它像這樣： <select onchange="myFunction(this.value)">

來源

2016-10-04 07:24:39 ravisachaniya

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

來源

2016-10-04 07:25:01 user1234

首先在<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

來源

2016-10-04 07:27:26 devpro

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

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

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

來源

2016-10-04 07:28:24

未標記jQuery – devpro

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

回答

相關問題