Question

我试图将select的选项值放在输入文本中我有这个：

 <select name="typers" id="contact-location" class="form-control">
     <option value="Facebook">Facebook</option>
     <option value="Twitter">Twitter</option>
     <option value="Google +">Google +</option>
     <option value="Autres">Autre</option>
</select>

当我提交时，我希望我的输入文本能够获得所选选项的值：

 <input type="text" name="typers" value="MySelectedOption"/>

我试过但没有成功...... 有人知道怎么办？

Answer 1

您可以使用：

$('input[name=typers]').val($('#contact-location').val());

<强> Working Demo on select change

Answer 2

你可以使用它：我假设您的提交按钮ID是提交

$('#submit').click(function(){

  var text = $('#contact-location').val();

  $('input [name=typers]').val(text);

 })

另外我想告诉你你的HTML是错误的输入没有结束标记。它应该是这样的：<input type="text" name="typers" value="MySelectedOption"/>

Answer 3

$('input[type="Submit"]').click(function(){
    $('input[type="text"').val($('#contact-location').val()); //input selector
});

使用此 Fiddle Demo 。

在输入文本中添加选项值

3 个答案: