Jquery 禁用输入后,如何删除以前插入的文本?

Jquery 禁用输入后,如何删除以前插入的文本?,jquery,html,select,disable,Jquery,Html,Select,Disable,我有两个选项,分别显示不同的问题。如果用户决定在最后一分钟更改其选项。选项1中的任何输入都将隐藏并显示选项2 但是如果他们在最后一分钟决定更改选项,我需要删除并禁用选项1中的所有输入文本,以继续执行选项2 我尝试用不同的名称/ID切换输入,并尝试在从选项1更改为选项2后禁用它们。但当完成后发送到他们的电子邮件时,它会显示这两个选项 这是禁用选项输入的代码 如果他们选择选项1,然后选择选项2,那么选项1的所有问题都将被禁用,但不会删除文本,也不会禁用 HTML代码选项1和2 我想知道的是,在禁用输

我有两个选项,分别显示不同的问题。如果用户决定在最后一分钟更改其选项。选项1中的任何输入都将隐藏并显示选项2

但是如果他们在最后一分钟决定更改选项,我需要删除并禁用选项1中的所有输入文本,以继续执行选项2

我尝试用不同的名称/ID切换输入,并尝试在从选项1更改为选项2后禁用它们。但当完成后发送到他们的电子邮件时,它会显示这两个选项

这是禁用选项输入的代码

如果他们选择选项1,然后选择选项2,那么选项1的所有问题都将被禁用,但不会删除文本,也不会禁用

HTML代码选项1和2


我想知道的是,在禁用输入文本的同时,如何在代码中设置删除输入文本的选项?

看起来代码中唯一的问题是select的值是一个字符串,因此需要这样比较:$this.val==1。请参阅下面的代码片段

$dropdown.onchange,函数{ 如果$this.val==1{ //展示宠物问题 $'.textInput1'.propdisabled,false; $'.textInput2'.propdisabled,true; }如果$this.val==2,则为else{ //显示收入问题 $'.textInput1'.propdisabled,true; $'.textInput2'.propdisabled,false; } }; 身体{ 显示器:flex; 弯曲方向:立柱; } .集装箱{ 最大宽度:300px; } .问题容器{ 显示器:flex; 弯曲方向:立柱; 宽度:自动; 边缘顶部:10px; 边框:2件纯黑; } 宠物问题 收入问题 你有几条狗? 你有多少只猫? 你更喜欢狗还是猫? 你一周挣多少钱? 你一周交多少税? 你有没有带薪工作的伴侣?
您可以更改输入的val,即使它已禁用。但我在读你的问题时想到的是另一点。这导致了什么问题?因为禁用的输入不会在表单提交时发送。如果禁用的输入没有发送,jquery代码仍然不起作用。我不知道为什么或者它需要什么。我从那里得到它,它在那里工作,但它似乎对我不起作用。把它们放在表格中,给输入id,然后提交[填写id],如果你想清除值,设置输入值=
<select id='dropdown'>
<option value="1">Pet questions</option>
<option value="2">Income questions</option>
</select>
How many dogs do you have? <input type="text" class="textInput1" />
How many cats do you have? <input type="text" class="textInput1" />
Do you like dogs more or cats? <input type="text" class="textInput1" />
How many dogs do you have? <input type="text" class="textInput2" />
How many cats do you have? <input type="text" class="textInput2" />
Do you like dogs more or cats? <input type="text" class="textInput2" />
$('#dropdown').change(function() {
if( $(this).val() == 1) {
    $('.textInput1').prop( "disabled", false );
} else {       
    $('.textInput1').prop( "disabled", true );
}
if( $(this).val() == 2) {
    $('.textInput2').prop( "disabled", false );
} else {       
    $('.textInput2').prop( "disabled", true );
}
});