如果选择数量,则需要选择标签

时间:2016-10-16 09:33:46

标签: php jquery html forms

我要实现的目标是,当您选择了多少个窗口,但没有选择您想要的选项时,它应该提供错误消息或者只设置{{1} }作为提交表单时的默认值。

我没有发布所有代码,因为有31个窗口可以选择,所以这将是一个很长的问题,所以我只是为一个窗口发布了代码。

到目前为止我尝试过:

  • 我已经提供了Option 1 Option 1属性,但是当您提交表单并且不是它应该如何时,它会一直应用成为。

  • 我试图给selected提供与<input type="number" name="quantity1" min="0" max="100" placeholder="STK.">相同的PHP代码,所以就像这样:

    Option 1但是,即使您没有选择它,它也会始终显示<input type="number" name="quantity1" min="0" max="100" placeholder="STK." value="60|Vindue 1" <?php if(isset($_POST[ 'quantity1']) && $_POST[ 'window1']=='60' ){ echo 'selected'; } else { echo ''; } ?>>的值

HTML和PHP,您可以在其中选择选项,数量并提交表单:

Option 1

PHP是正确的方法还是可以用jQuery完成?

我希望有人能帮助我解决这个问题,提前谢谢! :)

1 个答案:

答案 0 :(得分:0)

创建一个jquery事件来控制所需的属性。使用onchange事件。

HTML:

<select id="select" name="window1" value="window1" >
  <option>Choose Option</option>
  <option value="60|Window 1" >Option 1</option>
  <option value="40|Window 1" >Option 2</option>
  <option value="40|Window 1" >Option 3</option>
  <option value="85|Window 1" >Option 4</option>
</select>

<input type="number" name="quantity1" min="0" max="100" placeholder="STK." class="quantity">

jQuery的:

$(function(){
    $(".quantity").on("change", function(){
    var val = $(this).val();
    if(val!="")
        $("#select").attr("required", "required");
    else
        $("#select").removeAttr("required");
  })
})

示例:jsfiddle

如果您需要任何进一步的帮助,请敲我。