1

選択オプションがあります

<select class="input_select" name="customer_type" id="central_company">
    <option value="standard">Standard</option>
    <option value="central">Central Station</option>
</select>

とボタン

<div class="standardbutton">
     <label class="button_label">
         <input type="submit" class="standardbutton" name="button1" value="Submit Form" />
     </label>
</div>

クリックするとこのJqueryを使用します

// Show Special Form Elements
$(".cleantestbox").hide();
$('#central_company').change(function() {
    var option = $(this).find('option:selected');
    $('.cleantestbox').toggle(option.hasClass('central'));
    $('.standardbutton').toggle(option.hasClass('standard'));
}).change();

標準のボタンクラスを非表示にし、.cleantestboxというdivを表示しますが、機能していないようです。以前は機能していましたが、機能しなくなった原因を見つけることができないようです。

4

1 に答える 1

1
// Show Special Form Elements
$(".cleantestbox").hide();
$('#central_company').change(function() {
  if ($(this).val() == 'central') {
    $('.cleantestbox').show();
    $('.standardbutton').hide();
  } else {
    $('.cleantestbox').hide();
    $('.standardbutton').show();
  }
});
于 2013-02-13T16:43:14.327 に答える