【问题标题】:when select is hide the value always have default valuewhen select is hide the value always have default value
【发布时间】:2014-06-10 14:28:46
【问题描述】:
<input type="checkbox" name="seeds-a1" value="Indigofera" /> <span>Indigofera</span>

//this select will show if checkbox mark as checked 

<select class="selectDrop" name="orders">
  <option value="">Select</option>
  <option>1/2 kg</option>
  <option>1 kg</option>
  <option>2 kg</option>
  <option>3 kg</option>
  <option>4 kg</option>
  <option>5 kg</option>
</select>

<input type="checkbox" name="seeds-a2" value="calliandra" /> <span>calliandra</span>

    //this select will show if checkbox mark as checked 

    <select class="selectDrop" name="orders2">
      <option value="">Select</option>
      <option>1/2 kg</option>
      <option>1 kg</option>
      <option>2 kg</option>
      <option>3 kg</option>
      <option>4 kg</option>
      <option>5 kg</option>
    </select>

   <input type="checkbox" name="seeds-a3" value="ipil-ipil" /> <span>ipil-ipil</span>

    //this select will show if checkbox mark as checked 

    <select class="selectDrop" name="orders3">
      <option value="">Select</option>
      <option>1/2 kg</option>
      <option>1 kg</option>
      <option>2 kg</option>
      <option>3 kg</option>
      <option>4 kg</option>
      <option>5 kg</option>
    </select>

using this js select will hide and show my problem is: is this posible when select is hide always have a default value?

$('[type="checkbox"][name^="seeds-"]').change(function(){
  $(this).nextAll('select.selectDrop').first().toggle(this.checked);
});

感谢Rajaprabhu Aravindasamy这个js

DEMO

【问题讨论】:

  • 您的问题不清楚,您是说您想在该事件处理程序中将select 元素重置为其默认值吗?
  • @RoryMcCrossan OP 想要将选择元素的值设置为默认值,而我们隐藏它..!
  • 是的...这是我想要的,因为如果您选择某个值,然后取消选中复选框,所选值将发送到电子邮件。

标签: jquery select checkbox


【解决方案1】:

试试,

$('[type="checkbox"][name^="seeds-"]').change(function(){
 var selectElem = $(this).nextAll('select.selectDrop').first();
 selectElem.toggle(this.checked);
 if(!this.checked){ selectElem.val(""); }
});

DEMO

【讨论】:

  • 再次感谢您的帮助,我需要等待几分钟才能接受您的回答。
  • @jhunlio 很高兴再次为您提供帮助..! :)
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-09-19
  • 2015-05-01
  • 2021-01-02
  • 1970-01-01
  • 2014-02-13
  • 1970-01-01
相关资源
最近更新 更多