基於以前的選項啓用/禁用字段

我想創建一個表格，如果用戶選擇一個國家，然後美國，將灰色的國家名單。所以這是我：基於以前的選項啓用/禁用字段

<select id="idfrom_country" name="nmfrom_country" title="From Country"> 
    <option value="United States">United States</option> 
    <option value="...">...</option> 
</select> 

<select id="idfrom_state" name="nmfrom_state" title="From State"> 
    <option value="Outside U.S.">Outside U.S.</option> 
    <option value="Arizona">Arizona</option> 
    <option value="...">...</option> 
</select>

然後

<script> 
    var from_country = $('#idfrom_country option:selected').val(); 

    if (from_country != "United States") { 
     $('#idfrom_country').attr("disabled", true); 
     $('#idfrom_country').val("Outside U.S."); 
    } 
    else { 
     $('#idfrom_country').attr("disabled", false); 
     $('#idfrom_country').val("Arizona"); 
    } 
</script>

我這個東西真正的小白所以請溫柔。

感謝

來源

2014-10-02 Jd Bohn

想到這就是你所追求的 - 輕微的阿門dment到以前的代碼。

$("select").on("change", function() { 
 
     var from_country = $(this).val(); 
 
     if (from_country != "United States") { 
 
      $('#idfrom_state').attr("disabled", true); 
 
      $('#idfrom_state').val("Outside U.S."); 
 
     } else { 
 
      $('#idfrom_state').attr("disabled", false); 
 
      $('#idfrom_state').val("Arizona"); 
 
     } 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select id="idfrom_country" name="nmfrom_country" title="From Country"> 
 
    <option value="United States">United States</option> 
 
    <option value="...">...</option> 
 
</select> 
 
<select id="idfrom_state" name="nmfrom_state" title="From State"> 
 
    <option value="Outside U.S.">Outside U.S.</option> 
 
    <option value="Arizona">Arizona</option> 
 
    <option value="...">...</option> 
 
</select>

來源

2014-10-02 21:13:46

我不得不從和航運領域都有，所以我應該設置爲 – 2014-10-02 22:55:21

我不得不從和航運領域擁有的變種，所以我應該設置VAR as var from_country = $（'＃idfrom_country'）。val（）;和var to_country = $（'＃idto_country'）。val（）;然後爲他們分開if語句？ – 2014-10-02 23:01:02

添加ONSELECT = 「your_function（）」：

<select id="idfrom_country" name="nmfrom_country" title="From Country" onselect="your_function()"> 
    <option value="United States">United States</option> 
    <option value="...">...</option> 
</select> 

<script> 
function your_function() { 
    var from_country = $('#idfrom_country option:selected').val(); 

    if (from_country != "United States") { 
     $('#idfrom_country').attr("disabled", true); 
     $('#idfrom_country').val("Outside U.S."); 
    } 
    else { 
     $('#idfrom_country').attr("disabled", false); 
     $('#idfrom_country').val("Arizona"); 
    } 
} 
</script>

來源

2014-10-02 21:04:51

我想你想使用jquery change事件：

$("select").on("change", function() { 
 
     var from_country = $(this).val(); 
 
     if (from_country != "United States") { 
 
      $('#idfrom_country').attr("disabled", true); 
 
      $('#idfrom_country').val("Outside U.S."); 
 
     } else { 
 
      $('#idfrom_country').attr("disabled", false); 
 
      $('#idfrom_country').val("Arizona"); 
 
     } 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select id="idfrom_country" name="nmfrom_country" title="From Country"> 
 
    <option value="United States">United States</option> 
 
    <option value="...">...</option> 
 
</select> 
 
<select id="idfrom_state" name="nmfrom_state" title="From State"> 
 
    <option value="Outside U.S.">Outside U.S.</option> 
 
    <option value="Arizona">Arizona</option> 
 
    <option value="...">...</option> 
 
</select>

來源

2014-10-02 21:05:10 user2019037

基於以前的選項啓用/禁用字段

回答

相關問題