javascript - jquery js 如何讓某id區塊無效？

Question

假設同一個頁面有兩個p是這樣

<p id="a">
<input name="xxx" value="a">
</p>

以及另一個

<p id="b">
<input name="xxx" value="b">
</p>

但是兩個input的名字都必須是「xxx」
這樣會有衝突
他只會輸出a

狀況是：
我有設置當前屏幕大小為手機版 寬度小於1000
則將p a變為display:none;及p b變為display:block;
此時若寬度大於1000
則將p a變為display:block;及p b變為display:none;

但假設寬度小於1000時
b顯示了 但是a的內容仍是有用的
我要如何讓它變的無用呢
就是不會互相干擾
將它隱藏的同時 該區塊的東西也無法作用

Answer 1

表单提交的时候被设置成disabled元素的值是不会提交的。因此你可以把隐藏的p的包含name属性的元素加上disabled=true。

Answer 2

可以监听resize事件来判断窗口的大小。

Answer 3

1楼正解
表单提交的时候被设置成disabled元素的值是不会提交的。因此你可以把隐藏的p的包含name属性的元素加上disabled=true。