從HTML獲取選擇選項值用PHP來禁用輸入字段

-1

我下面用select：從HTML獲取選擇選項值用PHP來禁用輸入字段

<select name="account_type" required> 
    <option value="">Choose Account Type</option> 
    <option value="1">Asset</option> 
    <option value="2">Bank</option> 
    <option value="3">Capital</option> 
    <option value="4">Cash</option> 
    <option value="5">Expense</option> 
    <option value="6">Income</option> 
    <option value="7">Liability</option> 
</select>

現在我想用php變量捕捉這些選項的值，這裏是重要的部分：我將有一個輸入字段，並基於我想要啓用/禁用該輸入字段的值。我該怎麼做？

來源

2016-11-24 Saud

你到目前爲止做了什麼。你試圖實現它，請在這裏粘貼你的PHP代碼。 – RJParikh

改爲'php'使用'javascript'啓用/禁用爲'select'改變 – C2486

我迄今爲止所做的工作都粘貼在這裏。我不知道如何繼續。 – Saud

使用jQuery給你select的id像下面

<select name="account_type" id="account" required> 
    <option value="">Choose Account Type</option> 
    <option value="1">Asset</option> 
    <option value="2">Bank</option> 
    <option value="3">Capital</option> 
    <option value="4">Cash</option> 
    <option value="5">Expense</option> 
    <option value="6">Income</option> 
    <option value="7">Liability</option> 
</select> 

<!--input to be disabled --> 
<input type="text" id="disable">

jQuery的

$('#account').on('change', function(){ 
    if($(this).val() === '1') { 
    $("#disable").prop('disabled', true); 
    //you can also send data to PHP here using AJAX 
    //var data = {one: $(this).val()}; 
    //$.post("test.php", data, function(data) { 
    //$(".result").html(data); 
    //}); 
}else if($(this).val() === '2') { 
    //code here 
} 
    //check for other values 
});

example

來源

2016-11-24 06:13:54 julekgwa

它的工作。非常感謝。一個小問題，如果我想將該輸入值存儲在一個php變量中供以後使用，應該像這樣使用：$ _POST ['disable']？ – Saud

HTML代碼

<select> 
<option data-id="1">1</option> 
<option data-id="2">2</option> 
</select>

jQuery代碼

$(document).ready(function(){ 
     $("select").change(function(){ 
     var display= $("select").val(); 
     if(display == 1){ 
     $("select").attr("disabled", 'disabled'); 
     } 
    }); 
    });

我不知道你想exactly.check出來，這可能是這將有助於你JSFiddle

來源

2016-11-24 06:14:48

你可以這樣做與jQuery的東西。如果您不知道jQuery，請查看：jQuery.com

「安裝」jQuery之後，您可以在js-File中使用它。我希望你知道如何創建和使用js文件。

接下來就是爲您的select按鈕實施一個好方法。

這可能看起來像這樣在你的JS-文件：

$('#my-select').change(function(){ // "#my-select" is the ID of your select. You need to implement a ID. 
    //do stuff here, eg. 
    if ($(this).val() == '5') { //check the selected option etc. 
     $("input").prop('disabled', true); 
    } else { 
     $("input").prop('disabled', false); 
    } 
});

這裏有一個jsFiddle。

希望這可以幫助你。

來源

2016-11-24 06:16:08

從HTML獲取選擇選項值用PHP來禁用輸入字段

回答

相關問題