使用php從HTML獲取選擇選項值以禁用輸入字段

Question

我使用如下select ：

<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變量捕獲這些選項值，這是重要的部分：我將有一個輸入字段，並基於要啟用/禁用該輸入字段的值。 我怎樣才能做到這一點？

Answer 1

使用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
});

例

Answer 2

您可以使用jQuery完成此操作。 如果您不了解jQuery，請查看以下內容： jQuery.com

在“安裝” jQuery之后，可以在js文件中使用它。 我希望您知道如何創建和使用js文件。

接下來的事情是為您的select -button實現一個好的方法。

這可能在您的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 。

希望這對您有所幫助。

Answer 3

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