Question

我动态地将必需属性添加到我的表单并且工作正常，但我想添加必需的true如果找到id="mycity"，否则它可能是错误的。

有可能在javascript中？任何人都可以给我建议。

我的表单中有很多字段，这只是演示

这是我的代码。

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<body>


<form action="demo_form.asp">

  <select name="city" id="mycity">
    <option value="">--select--</option>
    <option value="one">one</option>
    <option value="two">two</option>
    <option value="three">three</option>
  </select>

   <select name="state">
    <option value="">--select--</option>
    <option value="one">one</option>
    <option value="two">two</option>
    <option value="three">three</option>
  </select>

  <input type="submit">
</form>


<script>
$(function(){
       $("select").prop('required',true);
});
</script>

</body>
</html>

Answer 1

就像这样

$("select[id='mycity']")

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form action="demo_form.asp">

  <select name="city" id="mycity">
    <option value="">--select--</option>
    <option value="one">one</option>
    <option value="two">two</option>
    <option value="three">three</option>
  </select>

   <select name="state">
    <option value="">--select--</option>
    <option value="one">one</option>
    <option value="two">two</option>
    <option value="three">three</option>
  </select>

  <input type="submit">
</form>


<script>
$(function(){
       $("select[id='mycity']").prop('required',true);
});
</script>

＆＃13;

Answer 2

您可以使用.attr()

$(function(){
   $("#mycity").attr('required',true);
});

$(function(){
   $("#mycity").attr('required',true);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form action="demo_form.asp">

  <select name="city" id="mycity">
    <option value="">--select--</option>
    <option value="one">one</option>
    <option value="two">two</option>
    <option value="three">three</option>
  </select>

   <select name="state">
    <option value="">--select--</option>
    <option value="one">one</option>
    <option value="two">two</option>
    <option value="three">three</option>
  </select>

  <input type="submit">
</form>

Answer 3

只是测试一下你是否能找到元素：

$(function(){
    if ($("#mycity").length) {
       $("select").prop('required',true);
    }
});

Answer 4

您可以使用present

检查元素是否为.length

if($("#mycity").length > 0)
  $("select").prop('required',true);

如果找到给定的id，则添加必需的属性

4 个答案: