使用选择选项禁用文本框答案

【问题标题】：Disable a textbox with a select option使用选择选项禁用文本框
【发布时间】：2018-06-14 15:31:00
【问题描述】：

我有一个带有选择和文本框的页面。如果选择的选项不同于“Altro”，我希望保持禁用文本框。我能怎么做？我尝试过的文本框总是被禁用。

HTML：

<p>Partenza:    <select id="selPartenza">
                    <option class="opt" value="0">Altro</option>
                    <option class="opt" value="1">Opt1</option>
                    <option class="opt" value="2">Opt2</option>
                </select>
                </p>                

                <textarea id="textP" placeholder="Aggiungi qui l'indirizzo di partenza se non lo trovi mell'elenco precedente."></textarea>

Javascript：

$("#selPartenza").each(function(i){
    $(this).click(function () {
        if(i==0) { //1st option
            $("#textP").attr("disabled", "disabled");                              
        } else {
            $("#textP").removeAttr("disabled");          
        }
    });
});

显然我无法在脚本中选择选项。我能怎么做？谢谢你的回答。

【问题讨论】：

您需要在设置禁用时使用.prop('disabled', true)，同时绑定到选择的更改事件（而不是将点击绑定到我认为您正在尝试执行的每个选项）跨度>
jQuery .attr("disabled", "disabled") not working in Chrome的可能重复
@Ennio 我对你上一个问题的回答 stackoverflow.com/questions/50912959/… 没有解决问题？

标签： javascript jquery jquery-selectors html-select

【解决方案1】：

你需要使用$('#selPartenza').on('change'和prop('disabled', true)

$('#selPartenza').on('change', function(){
  if(this.value == 0)
    $('#textP').prop('disabled', true)
  else
    $('#textP').prop('disabled', false)
})

$('#selPartenza').change()

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p>Partenza:    <select id="selPartenza">
                    <option class="opt" value="0">Altro</option>
                    <option class="opt" value="1">Opt1</option>
                    <option class="opt" value="2">Opt2</option>
                </select>
                </p>                

                <textarea id="textP" placeholder="Aggiungi qui l'indirizzo di partenza se non lo trovi mell'elenco precedente."></textarea>

【讨论】：

仅供参考，您可以将其缩短为$('#textP').prop('disabled', this.value == 0);