如何以图片方式将下拉列表更改为其他字段的值

时间:2017-12-13 07:07:19

标签: javascript jquery kendo-ui

我有一个包含国家/地区列表(所有国家/地区)的下拉列表



<select id="Country" onchange="country();">
  <option id="3">Japan</option>
  <option id="4">Canada</option>
  <option id="5">France</option>
  <option id="6">Peru</option>
</select>
&#13;
&#13;
&#13;

我有一个模式,我希望从中得到国家/地区。

<input id="seachcountry" type="text" class="form-control" name="country">

我编写了一个JQuery行来获取从模态表单到页面字段的值,一切都很好但国家选择字段没有改变值。

$("#seachcountry").val($("#modalform").val()).trigger("chang‌e");

谢谢你的建议!

3 个答案:

答案 0 :(得分:1)

这适合您:

只需将value的{​​{1}}注入<input>

我为你创建了一个代码段。

&#13;
&#13;
<select>
&#13;
var Tval = $('#seachcountry').val();

$('#Country').val(Tval);
&#13;
&#13;
&#13;

答案 1 :(得分:0)

要更改任何选择中的值,您只需要从此选择中发送现有值。在您的选择选项中只有id,但没有value属性。因此,如果您添加value等于id,则可以将表单中的值更改为&#34; France&#34;需要运行以下:

$("#selectId").val(5)

您可以从任何其他字段获取价值,而不是5

如果要在select中更改时将值设置为输入字段,则需要附加侦听器才能完成所有工作。它看起来像这样:

$("#selectId").on("change", function(){
     $("#inputFieldId").val($(this).find(":selected").text());
})

这会将显示值设置为选择,设置实际值只需改为$(this).find(":selected").text()这个$(this).val()

答案 2 :(得分:0)

试试这个。

function country() {
    $("#seachcountry").val($(this).val());
}