如何使代碼

Question

其餘建立在父母的字段選擇值一些有條件的領域範圍變量可用，我有以下的html代碼：

<select id="fad_typedebien" name="goodtype" required="" class="field_required form-control"> 
    <option value="">Type de bien</option> 
    <option value="Appartements">Appartements</option> 
    <option value="Bureaux">Bureaux</option> 
    <option value="Espaces commerciaux">Espaces commerciaux</option> 
    <option value="Immeubles">Immeubles</option> 
    <option value="Maisons">Maisons</option> 
    <option value="Terrains">Terrains</option> 
</select> 

現在我的jQuery代碼的一部分是：

var selectedValue; 
    jQ('#adminForm #fad_typedebien).change(function() { 
     selectedValue = jQ(this).val(); 
    }); 

    for(var i = 0; i < parentvalues.length; i++) { 
     if (selectedValue == parentvalues[i] && find == false) { 
      jQ('#adminForm #f'+child).show(); 
      jQ('#adminForm #row_'+child).show(); 
      find = true; 
     } 
    } 

我看不到有關selectedValue變量的警報的任何值。我正在嘗試在列表中選擇一些選定的選區時顯示子字段。請幫幫我。

謝謝。

Answer 1

這是你正在嘗試做什麼？

var myArray = ['Appartements']; 
 
var selectedValue = $('#fad_typedebien').value; 
 

 
function myFunction (e) { 
 
    selectedValue = e.value; 
 
    alert(selectedValue); 
 
    if(myArray.indexOf(e.value) > -1) { 
 
     console.log('found'); 
 
     $('#childField').css('display', 'inline-block'); 
 
    } else { 
 
     console.log('not found'); 
 
     $('#childField').css('display', 'none'); 
 
    } 
 
}

#childField { 
 
    display: none; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select onchange="myFunction(this)" id="fad_typedebien" name="goodtype" required="" class="field_required form-control"> 
 
    <option value="">Type de bien</option> 
 
    <option value="Appartements">Appartements</option> 
 
    <option value="Bureaux">Bureaux</option> 
 
    <option value="Espaces commerciaux">Espaces commerciaux</option> 
 
    <option value="Immeubles">Immeubles</option> 
 
    <option value="Maisons">Maisons</option> 
 
    <option value="Terrains">Terrains</option> 
 
</select> 
 
<input type="text" id="childField">