selectオプションの値が別のdivのテキストと一致する場合、無効なフィールドを追加します。

Question

自分のサイトでページをリロードする選択フィールドを使用しています。 divのいずれかがオプションと同じ値を持つ場合、このオプションを無効にできます。

<li id="1509013949" class="cart-select cart-mode-cart"> 
<a href="#select" target="1509013949" onclick="return BMCWcMs.command('select', this);" title="Select Cart">1</a> 
</li> 

をし、ページのリロードは再び、私はそうであればif文を作成する場合：たとえば

<select id="bayname" name="bayname">      
       <option value="">--Select Bay--</option> 
       <option value="1">Bay 1</option> 
       <option value="2">Bay 2</option> 
       <option value="3">Bay 3</option> 
       <option value="4">Bay 4</option> 
       <option value="5">Bay 5</option> 
       <option value="6">Bay 6</option> 
       <option value="7">Bay 7</option> 
       <option value="8">Bay 8</option> 
       <option value="9">Bay 9</option> 
       <option value="10">Bay 10</option> 
       <option value="11">Bay 11</option> 
       <option value="12">Bay 12</option> 
       <option value="13">Bay 13</option> 
       <option value="14">Bay 14</option> 
       <option value="15">Bay 15</option> 
       <option value="16">Bay 16</option> 
       <option value="17">Bay 17</option> 
       <option value="18">Bay 18</option> 
       <option value="19">Bay 19</option> 
       <option value="20">Bay 20</option> 
       <option value="21">Bay 21</option> 
       <option value="22">Bay 22</option> 
       <option value="23">Bay 23</option> 
       <option value="24">Bay 24</option> 
       <option value="25">Bay 25</option> 
       <option value="26">Bay 26</option> 
       <option value="27">Bay 27</option> 
       <option value="28">Bay 28</option> 
       <option value="29">Bay 29</option> 
       <option value="30">Bay 30</option> 
      </select> 

は、ユーザーがdiv要素は次のように作成される「ベイ1」をクリックした場合selectからの値がdivの1つの範囲内にある場合は、それを無効として追加する必要があります。

私は前にこのコードを使用していましたが、コンソールログに出力することができません。

var baynumberoption = $("#bayname option").val(); 
var baynumber = $(".cart-select a[href='#select']").text(); 

if (baynumber.indexOf(baynumberoption) >= 0) { 
    console.log("match found"); 
} 

Answer 1

$("#bayname option")リターンオプションのすべてのように、私はあなたが本当に、次を使用したいと思います。

$("#bayname option").each(function() { 
    var val = $(this).val(); 
    if ($(".cart-select a[data-id=" + val + "]").length > 0) { 
     $(this).attr("disabled", "disabled"); 
    } 
}); 

構文の一部がずれることがありますが：のように使用することができる値を格納するdata-id="1"のような属性を使用すると、リンクの内部テキストに依存したくない場合、あなたはまた、データを追加することもできますあなたはその考えを得る。