附加或基於選擇選項

Question

我現在有其中當一個特定的選項被從下拉菜單中選擇1形式，然後下拉列表2拆離元件是revealed-

下拉1 -

<?php 
    echo '<div class="full-divsn"><div class="col-md-4 col-sm-4 submit-contract-type">'; 
    echo '<div class="sublabels">Listing Type </div><div class="subins"><select name="contract" id="contracttype" class="form-control" required>'; 
    $property_contract_type = get_terms('property-contract-type', array(
     'hide_empty' => 0 
)); 
    if (!empty($property_contract_type) && !is_wp_error($property_contract_type)) { 
     foreach ($property_contract_type as $term) { 
      $selected = ($property_contract_type_value == $term->name) ? "selected" : ""; 
      echo '<option id="' . $term->slug . '" ' . $selected . '>' . $term->name . '</option>'; 
     } 
    } echo "</select>"; 
    echo '</div></div></div>'; 
?> 

下拉2 -

<div class="full-divsn" id="prop-terms"> <div class="col-md-4 col-sm-4"> 
<div class="sublabels">Terms </div> 
<div class="subins"> 
    <select name="proplength" class="form-control"> 
    <option selected><?php echo $proplen; ?></option> 
    <option value="Month to Month">Month to Month</option> 
    <option value="6 Months">6 Months</option> 
    <option value="1 Year">1 Year</option> 
    </select> 
</div></div></div> 

的jQuery -

<script type="text/javascript"> 
window.onload = function(){ 
$(function() { 
    $("#contracttype").change(function() { 
    if ($("#for-rent").is(":selected")) { 
     $("#prop-terms").show(); 
    } else { 
     $("#prop-terms").hide(); 
    } 
    }).trigger('change'); 
}); 
</script> 

它工作正常但是，隱藏下拉菜單仍然允許信息被保存到窗體中，所以我想從窗體/ dom刪除第二個下拉菜單，當正確的選項是下拉菜單1未選中，但我希望它重新出現當選擇該選項時。

我看着分離，但林不知道如何將其應用於我的情況。

Answer 1

您可以添加.prop('disabled',...)像：

$("#prop-terms").show().prop('disabled',false);

$("#prop-terms").hide().prop('disabled',true);

UPDATE：

我不知道#prop-terms是<div>，而不是作爲一個直接input 在那c ASE，您可以：

$("#prop-terms").show().find(':input').prop('disabled',false);

$("#prop-terms").hide().find(':input').prop('disabled',true);

無需分離/附加，殘疾人元素不會在形式上要求提交的。