javascript - 按下提交按钮后如何为表单的属性赋值

Question

我正在尝试根据用户选择 null 来更改表单的值

<form name="myForm" action="formProcess.php" method='post' onSubmit="return validateForm()">
<label for="venue">Venue:</label>
   <select name="venue">
   <option value="null">Please choose</option>
   <option value="Wynyard Hall">Wynyard Hall</option>
   <option value="Home">Home</option>
   <option value="Hallgarth">Hallgarth</option>
   <option value="Other">Other</option>
</select>

这是功能

function validateForm() {

var d=document.forms["myForm"]["venue"].value;
if (d=="null") {

这就是我想要做的。我想将场地的值更改为用户提示。类似于以下内容：

var newVenue = prompt("Tell us your venue");
venue = newVenue;

我知道这是错误的，但这是我的目标。我已经使用了我在这里找到的代码。

$('#myForm').submit(function() {
var txt = $('#venue');
txt.val([newVenue]);
});

}

Answer 1

该代码正在寻找一个 id 为“venue”的 DOM 元素。只需将其更改为查找 name 属性 = 为“venue”的元素。

$('input[value="Hot Fuzz"]')

$('#myForm').submit(function() {
    var txt = $('select[name="venue"]');
    txt.val(//Your new value );
});

请检查 jQuery 文档。