1

製品IDに何らかの値がある場合にのみ、SKUを有効にする（無効にする）フォームがあります。製品IDが空の場合、SKUを無効のままにしておきます。

onChangeイベントを製品IDに関連付ける必要がありますか？

<div class="advancedSearchFormField">
      <span class="advancedSearchFormlabel">Product Id</span>
      <%= text_area_tag('filters[product_id]',filter_params['product_id'],:rows=>10) %>
</div>

<div class="advancedSearchFormField">
      <span class="advancedSearchFormlabel">SKU</span>
      <%= text_area_tag('filters[sku]',filter_params['sku'],:rows=>10, :disabled => true) %>
 </div>
4

1 に答える 1

2

はい、product_id-ElementでaddEventListenerを使用する必要があります。あなたはこのようにそれを行うことができます：

(function () {
    var product_id = document.getElementById('product_id');
    product_id.addEventListener('blur', triggerInput, false);
    product_id.addEventListener('keyup', triggerInput, false);
})();

function triggerInput() {
    var sku = document.getElementById('sku');
    sku.disabled = (this.value !== "" ? '' : 'disabled');
}

これがデモです

于 2013-03-27T11:00:45.610 に答える