javascript - 使用名称属性 jQuery 从下拉列表中获取选定的文本

Question

我正在尝试从下拉列表中获取所选值。

我正在动态创建控件。我没有使用 ID 属性来避免多个控件具有相同 ID/重复 ID 的问题。

这是我如何获取文本框控件的值

$('.btn-success').off('click').on('click', function (e) { 
    e.preventDefault();
    var row = $(this).closest(".row");
    var lnameval = row.find("input[name='ContactLastName']").val();        
});

是否可以使用 name 属性获取下拉列表的选定值。

类似于:var titleVal = row.find("input[name='ContactTitle']").val();

HTML:

 <form id="formAddContact"  role="form" class="form-horizontal">
            <div class="modal-body">
                <div id="errorMessageContainer2" class="alert alert-danger" role="alert" style="display:none;">
                    <ul id="messageBox2" class="list-unstyled"></ul>
                </div>
@foreach (string cInfo in Model.emailList)
        {

    <div class="row" id="@cInfo.Replace("@","")" style="display: none;">
        <div class="col-md-6">
            <div class="form-group">
                <div class="col-md-3 control-label">
                    <label>Title:</label>
                </div>
                <div class="col-md-3">
                    <select class="form-control ToCapture"  name="ContactTitle">
                        <option value="Mr">Mr</option>
                        <option value="Mrs">Mrs</option>
                        <option value="Ms">Ms</option>
                        <option value="Miss">Miss</option>
                        <option value="Dr">Dr</option>
                    </select>
                </div>
            </div>

            <div class="form-group">
                <div class="col-md-3 control-label">
                    <label id="lblfname">First Name:</label>
                </div>
                <div class="col-md-3">
                    <input  maxlength="50" name="ContactFirstName" type="text" value="">
                </div>
            </div>
            <div class="form-group">
                <div class="col-md-3 control-label">
                    <label id="lbllname">Last Name:</label>
                </div>
                <div class="col-md-3">
                    <input  maxlength="50" name="ContactLastName" type="text" value="">
                </div>
            </div>

        </div>

    </div>
    <div class="modal-footer">                 
        <input type="button" value="Add Contact"   class="btn btn-success">
        <input type="button" value="Cancel"  class="btn btn-default">    
    </div>
    <br/>
        }
                <hr />
            </div>           

    </form>

Answer 1

只需要一点点改变:

row.find("select[name='ContactTitle']").val();

这不是一个输入。