我如何將 .not jquery 與 .serialize 一起使用

Question

我想在沒有輸入名稱lname代碼的情況下序列化此表單：

var x = `<form action="/action_page.php">
  <label for="fname">First name:</label><br>
  <input type="text" id="fname" name="fname" value="John"><br>
  <label for="lname">Last name:</label><br>
  <input type="text" id="lname" name="lname" value="Doe"><br><br>
  <input type="submit" value="Submit">
</form> `;
var b =$(x).not("[name=lname]").serialize();
console.log(b);

Answer 1

為此，您需要在表單內的input元素上調用:not() ，而不是表單本身。 serialize()方法也是如此。 嘗試這個：

 var x = `<form action="/action_page.php"> <label for="fname">First name:</label><br> <input type="text" id="fname" name="fname" value="John"><br> <label for="lname">Last name:</label><br> <input type="text" id="lname" name="lname" value="Doe"><br><br> <input type="submit" value="Submit"> </form> `; var b = $(x).find('input:not([name="lname"])').serialize(); console.log(b);

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

Answer 2

您可以嘗試使用.find()和Attribute Not Equal Selector [name!="value"] ：

 var x = `<form action="/action_page.php"> <label for="fname">First name:</label><br> <input type="text" id="fname" name="fname" value="John"><br> <label for="lname">Last name:</label><br> <input type="text" id="lname" name="lname" value="Doe"><br><br> <input type="submit" value="Submit"> </form> `; var b =$(x).find('input[name!=lname]').serialize(); console.log(b);

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>