使用名稱屬性從下拉列表中獲取選定的文本jQuery

我正在動態創建控件。我沒有使用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>

來源

2014-11-21 BumbleBee

需要只是一個小變化：

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

這不是一個輸入。

來源

2014-11-21 20:29:00

使用名稱屬性從下拉列表中獲取選定的文本jQuery

回答

相關問題