1

好的，即使用我的母语也很难解释，但我会尽量说清楚。

我有一个带有不同选项的下拉菜单。在选择其中一个之后，用户需要检查两个单选按钮之一，这最终会在两个不同的输入字段中给出结果。例如 - 如果您从下拉列表中选择选项 2，然后选中单选按钮 1，则输入 1 显示某个值，输入 2 显示其他值。

<select id="single">
    <option>Select an item</option>
    <option data1="140x200" data2="1">80x190</option>
    <option data1="140x200/220" data2="2">80x200</option>
    <option data1="140x220" data2="3">80x210</option>
</select>

<input type="radio" id="radioButton1" name="radioButton" value="enkel" />
<label for="radioButton1">enkel</label>
<input type="radio" id="radioButton2" name="radioButton" value="dubbel" />
<label for="radioButton2">dubbel</label>
<input type="text" id="dekbed">
<input type="text" id="overtrek">

我有我制作的这个 jsfiddle，所以也许它有助于澄清。

小提琴

也许我应该为下拉列表中的每个选项（data1、data2、data3、data4）提供 4 个属性，这样对于选定的选项，如果选中了 radio1，它会给 data1 输入 #dekbed 和 data2 输入 #overtrek，而 data3 输入 #如果选中无线电 2，则 dekbed 和 data4 输入 #overtrek。

我希望你们理解这一点，我真的很感激一些帮助，因为我以前还没有见过这种选择方式。

4

1 回答 1

0

您可以尝试添加一个条件来检查是否在例程中检查了每个单选按钮

 $("#single option:selected").each(function () {

例如对于 radioButton1 它将是

   if ($("#radioButton1").is(':checked')){  .... do something }

如果勾选了 radioButton1，将 dekbed 和 overtrek 中的值更改为 data1 和 data 2。

否则，如果 radioButton2 被选中

if ($("#radioButton2").is(':checked')){  .... do something different}

将 dekbed 和 overtrek 中的值更改为 data3 和 data 4。

编辑说明：您需要将这些方法添加到选择框的更改事件和单选按钮输入中。

我在以下位置创建了一个演示解决方案的小提琴：jsfiddle.net/dbS2Q/1/

我希望这有帮助！

于 2013-04-05T10:31:11.867 回答