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

example

Answer 2

你可以用jQuery做到这一点。如果你不了解jQuery，请查看：jQuery.com

在你＆＃34;安装＆＃34; jQuery，你可以在你的js-File中使用它。我希望你知道如何创建和使用js-File。

接下来就是为select - 按钮实现一个好的方法。

这可能在你的js-File中看起来像这样：

$('#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');
        }
    });
    });

我不确定你想要什么。查看这可能会对你有所帮助JSFiddle

使用php从HTML中选择选项值以禁用输入字段

3 个答案: