Не удалось получить значение текстового поля

Question

hi im пытается сделать что-то с некоторым вводом, но вход (кроме муниципалитета) показывает пустую строку. поэтому здание покажет, что оно пустое, даже если идентификатор заполняет текстовое поле. нет ошибок консоли.

$('#editAddress').submit(function (e) { 
 
\t \t e.preventDefault(); 
 
\t \t var mun = $("#municipalities option:selected").text(); 
 
\t \t var city = $("#city").val(); 
 
\t \t var street = $("#street").val(); 
 
\t \t var building = $("#building").val(); 
 
\t \t var floor = $("#floor").val(); 
 
\t \t var addr = $("#address").val(); 
 
\t \t alert("bldg: "+building); 
 
\t \t editAddr(mun,city,street,building,floor,addr); 
 
\t });

<form id="editAddress" action = '' method = 'post'> 
 
          <select id ="municipalities" class ="form_select" placeholder="Municipality"> 
 
           <option>Select Municipality</option> 
 
           <option>Beirut</option> 
 
           <option>Mlikh</option> 
 
           <option>Haret Hreik</option> 
 
           <option>Haret Saida</option> 
 
           <option>Jounieh</option> 
 
           <option>Baalbeck</option> 
 
           <option>Hermel</option> 
 
           <option>Tebnine</option> 
 
           <option>Jwaya</option> 
 
          </select> 
 
          <input type="text"  name="city"   id="city"   class="form_input" placeholder="City"/> 
 
          <input type="text"  name="street"  id="street"   class="form_input" placeholder="Street"/> 
 
          <input type="text"  name="building"  id="building"  class="form_input" placeholder="Building"/> 
 
          <input type="text"  name="floor"  id="floor"   class="form_input" placeholder="Floor"/> 
 
          <textarea    name="address"  id="address"  class="form_input" placeholder="Address Notes"></textarea> 
 
          <input type="submit" name="register" class="form_submit" id="editAddr" value="Edit Address" /> 
 
         </form>

Answer 1

JQuery уже обрабатывает, что:

var mun = $("#municipalities").val() 

Все остальное в порядке:

$(function() { 
 
     $('#editAddress').submit(function (e) { 
 
      e.preventDefault(); 
 
      var mun = $("#municipalities option:selected").text(); 
 
      var city = $("#city").val(); 
 
      var street = $("#street").val(); 
 
      var building = $("#building").val(); 
 
      var floor = $("#floor").val(); 
 
      var addr = $("#address").val(); 
 
      console.log(mun, city, street, building, floor, addr); 
 
     }); 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form id="editAddress" action = '' method = 'post'> 
 
    <select id ="municipalities" class ="form_select" placeholder="Municipality"> 
 
     <option>Select Municipality</option> 
 
     <option>Beirut</option> 
 
     <option>Mlikh</option> 
 
     <option>Haret Hreik</option> 
 
     <option>Haret Saida</option> 
 
     <option>Jounieh</option> 
 
     <option>Baalbeck</option> 
 
     <option>Hermel</option> 
 
     <option>Tebnine</option> 
 
     <option>Jwaya</option> 
 
    </select> 
 
    <input type="text"  name="city"   id="city"   class="form_input" placeholder="City"/> 
 
    <input type="text"  name="street"  id="street"   class="form_input" placeholder="Street"/> 
 
    <input type="text"  name="building"  id="building"  class="form_input" placeholder="Building"/> 
 
    <input type="text"  name="floor"  id="floor"   class="form_input" placeholder="Floor"/> 
 
    <textarea    name="address"  id="address"  class="form_input" placeholder="Address Notes"></textarea> 
 
    <input type="submit" name="register" class="form_submit" id="editAddr" value="Edit Address" /> 
 
</form>

Answer 2

Хмммм. Кажется, работает для меня. Убедитесь, что вы включили библиотеку jQuery, как показано в примере ниже.

Вперед и введите что-то в поле здания, и он оповещает об этих данных.

Что-то еще не так, что я не заметил? Если да, пожалуйста, оставьте комментарий с этой информацией.

$('#editAddress').submit(function (e) { 
 
\t \t e.preventDefault(); 
 
\t \t var mun = $("#municipalities option:selected").text(); 
 
\t \t var city = $("#city").val(); 
 
\t \t var street = $("#street").val(); 
 
\t \t var building = $("#building").val(); 
 
\t \t var floor = $("#floor").val(); 
 
\t \t var addr = $("#address").val(); 
 
\t \t alert("bldg: "+building); 
 
\t \t editAddr(mun,city,street,building,floor,addr); 
 
\t }); 
 
function editAddr(){ 
 
    return false; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<form id="editAddress" action = '' method = 'post'> 
 
          <select id ="municipalities" class ="form_select" placeholder="Municipality"> 
 
           <option>Select Municipality</option> 
 
           <option>Beirut</option> 
 
           <option>Mlikh</option> 
 
           <option>Haret Hreik</option> 
 
           <option>Haret Saida</option> 
 
           <option>Jounieh</option> 
 
           <option>Baalbeck</option> 
 
           <option>Hermel</option> 
 
           <option>Tebnine</option> 
 
           <option>Jwaya</option> 
 
          </select> 
 
          <input type="text"  name="city"   id="city"   class="form_input" placeholder="City"/> 
 
          <input type="text"  name="street"  id="street"   class="form_input" placeholder="Street"/> 
 
          <input type="text"  name="building"  id="building"  class="form_input" placeholder="Building"/> 
 
          <input type="text"  name="floor"  id="floor"   class="form_input" placeholder="Floor"/> 
 
          <textarea    name="address"  id="address"  class="form_input" placeholder="Address Notes"></textarea> 
 
          <input type="submit" name="register" class="form_submit" id="editAddr" value="Edit Address" /> 
 
         </form>

Answer 3

document.getElementById('address').value 

Answer 4

Попробуйте эти шаги

1) Попробуйте запустить код, удалив e.preventDefault();

2) удалить форму ввода класс от ввода и добавить form- контроль

<input type="text" name="city" id="city" class="form-control" placeholder="City"/> 
<input type="text" name="street" id="street" class="form-control" placeholder="Street"/> 
<input type="text" name="building" id="building" class="form-control" placeholder="Building"/> 
<input type="text" name="floor" id="floor" class="form-control" placeholder="Floor"/> 
<textarea name="address" id="address" class="form-control" placeholder="Address Notes"></textarea> 
<input type="submit" name="register" class="form_submit" id="editAddr" value="Edit Address" />