2016-11-24 52 views
-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变量捕捉这些选项的值,这里是重要的部分:我将有一个输入字段,并基于我想要启用/禁用该输入字段的值。 我该怎么做?

+0

你到目前为止做了什么。你试图实现它,请在这里粘贴你的PHP代码。 – RJParikh

+2

改为'php'使用'javascript'启用/禁用为'select'改变 – C2486

+0

我迄今为止所做的工作都粘贴在这里。我不知道如何继续。 – Saud

回答

1

使用jQuery给你selectid像下面

<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

+0

它的工作。非常感谢。一个小问题,如果我想将该输入值存储在一个php变量中供以后使用,应该像这样使用:$ _POST ['disable']? – Saud

0

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

1

你可以这样做与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

希望这可以帮助你。

相关问题