Как исправить эту проблему?

В чем проблема с приведенным ниже кодом, почему он не работает для меня .. !!! Я не могу извлечь выбранные данные и отобразить их в текстовом поле.Как исправить эту проблему?

<html> 
<head> 
<script type="text/javascript"> 
    $(document).ready(function() {          
    $("#name").on("change", function() { 
    $("#Fname").val($(this).find("option:selected").attr("value")); 
    }) 
}); 

</script> 

<script type="text/javascript"> 
</script> 
</head> 
<body> 
<div> 
<select id="Fname" name ="name"> 
<option value="">Choose Your Value</option> 
<option value="India">India</option> 
<option value="UK">UK</option> 
<option value="US">US</option> 
<option value="UAE">UAE</option> 
<option value="China">China</option> 
<option value="Japan">Japan</option>  

</select> 

<input type="text" id="Fname" value ="" readonly="readonly"> 
</div> 
</body> 
</html>

источник

2015-05-26 Begginer_Baby

выбор и ввод, иметь нормальный идентификатор "Fname".

источник

2015-05-26 06:24:32 user3227295

чувак .. я изменил его, как на вас сказал. но все равно это не работает –

Работайте со мной, см. http://jsfiddle.net/0g53ofsn/1/ – user3227295

Попробуйте $ (this) .val() вместо $ (this) .find ("option: selected"). attr ("value") – Vineet

Используйте этот код Inter Net является обязательным или копией jquery.min.js. проблема заключается в том, что вы упомянули одно и то же имя для идентификатора тега select и введите идентификатор текста как тот же.

<html> 
<head> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> 
<script type="text/javascript"> 

$(document).ready(function() { 
    $("#name").on("change", function() { $("#Fname").val($(this).find("option:selected").attr("value")); }) }); 
</script> 
</head> 
<body> 
<div> 
<select id="name" name ="name"> 
<option value="">Choose Your Value</option> 
<option value="India">India</option> 
<option value="UK">UK</option> 
<option value="US">US</option> 
<option value="UAE">UAE</option> 
<option value="China">China</option> 
<option value="Japan">Japan</option>  

</select> 

<input type="text" id="Fname" value ="" readonly="readonly"> 
</div> 
</body> 
</html>

источник

2015-05-26 06:33:40 Chickenturtle

Sravan, я сделал изменения в теге select и input, но все та же проблема. –

может получить доступ к «http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js» url. его необходимо и должно, или загрузить и добавить это js – Chickenturtle

теперь его рабочий брат .. спасибо за ваше усилие чувак .. !!!! –

Вы указали ID для поля ввода и выберите поле.

Оба имеют ID = «имя_файла»

Кроме того, когда вы находите с помощью $ («#») он должен быть идентификатор DOM в вашем случае его имя.

Однако я скорректировал ваш код здесь.

<html> 
    </head> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.js"></script> 
    <script type="text/javascript"> 
     $(document).ready(function() { 
     $("#Fname").on("change", function() { 
     $("input").val($(this).val()); 
     }) }); 
    </script> 
    </head> 
    <body> 
     <div> 
     <select id="Fname" name ="name"> 
      <option value="">Choose Your Value</option> 
      <option value="India">India</option> 
      <option value="UK">UK</option> 
      <option value="US">US</option> 
      <option value="UAE">UAE</option> 
      <option value="China">China</option> 
      <option value="Japan">Japan</option> 
     </select> 
     <input type="text" id="Fname" value ="" readonly="readonly"> 
     </div> 
    </body> 
</html>

источник

2015-05-26 06:41:28 Cyril

wow .. чувак Cyrill .. теперь его работа .. спасибо человеку .. спасибо большое .. !!! –

Может ли кто-нибудь сказать мне ... как вставить кнопку добавления, чтобы выбрать большее количество текстовых полей из одного и того же списка drpDwn. например, если пользователь хочет добавить больше элементов, он должен отображаться в текстовом поле один за другим –

Изменить идентификатор Либо select или input и применять его в Jquery будет решить вашу проблему.

$(document).ready(function() {          
    $("#Fname").on("change", function() { 

    $("#SFname").val($(this).find("option:selected").attr("value")); 
    }) 
});

Updated Fiddle

Edit:

Вы можете добавить несколько значение для текстового поля как:

$("#SFname").val($("#SFname").val() + " " + $(this).find("option:selected").attr("value")); 
    })

Fiddle Link

источник

2015-05-26 06:45:41 ketan

из приведенной выше ссылки, которую вы указали, она отображает значение только в том же текстовом поле. Мне нужно несколько текстовых полей для каждого выбора ... –

@Begginer_Baby означает, что текстовое поле добавляется динамически? – ketan

да .. если выбрать яблоко из списка, оно должно отображаться в textbx с яблоком, а затем у меня есть кнопка добавления фруктов по одному за другим, а затем яблоко –

Как исправить эту проблему?

ответ

Смежные вопросы