Question

所以我有一个常规的HTML表单，其中包含一些输入和一个选择值，我将其传递给JS对象..

我不知道如何获取所选选项的值。

var dataObj = {
firstName: $("input[name='firstName']", _form).val(),
lastName: $("input[name='lastName']", _form).val(),
lastName2: $("input[name='lastName2']", _form).val(),
email: $("input[name='email']", _form).val(),
oldPassword: $("input[name='oldPassword']", _form).val(),
newPassword: $("input[name='newPassword']", _form).val(),
userType: $("select[name=usertype]", _form).val(),};

我正在抓取输入的值，但是选择菜单的值是未定义的...对菜鸟有什么帮助吗？

          <select class="uk-select" name="usertype" id="userType">
              <option value="0" <?php if ($UserEdit ->userType == 0) {echo "selected";} ?> >Needs Auth</option>
              <option value="1" <?php if ($UserEdit ->userType == 1) {echo "selected";} ?> >Super Admin</option>
              <option value="2" <?php if ($UserEdit ->userType == 2) {echo "selected";} ?> >Supervisor</option>
              <option value="3" <?php if ($UserEdit ->userType == 3) {echo "selected";} ?> >Operator</option>
              <option value="4" <?php if ($UserEdit ->userType == 4) {echo "selected";} ?> >Hotel Admin</option>
              <option value="5" <?php if ($UserEdit ->userType == 5) {echo "selected";} ?> >Guest</option>
              <option value="6" <?php if ($UserEdit ->userType == 6) {echo "selected";} ?> >Visitor</option>
          </select>

Answer 1

你几乎就在那里。你想使用:selected伪造的选择器：

userType: $("select[name='usertype'] option:selected").val()
// or it could be .text()
userType: $("select[name='usertype'] option:selected").text()

//without the attribute select - give it an id
userType: $("#userType option:selected").text()

Learn jQuery有一个关于您正在做的事情的精彩页面：

Learn jQuery

Answer 2

我在select标记上放了一个id＃，并在我的javascript中使用此userType: $("#userType option:selected", _form).attr('value'),来获取值。它就像一个魅力。主要问题是我试图抓住select的价值，这在技术上并没有。所以我需要获取所选option的属性值。

将html选择值传递给JS对象

2 个答案: