javascript - 如何在文本框中多次查看选择列表的值

Question

我正在尝试将“mobiscroll”（选择列表）值放入文本框中，但在一页中三次，奇怪的是，如果我选择只查看一次它正在工作......另外，我该怎么做即使用户没有选择它也让它显示第一个数字？我在“价值”之后尝试了“选择”，但它不起作用..

http://winegood.it/landing_ristoranti/index.html

---

另一个问题，如果我只想将结果乘以 2，我该怎么办？我试图用这个例子来做，但它不工作..

Answer 1

var f = document.frm;
f.sel_value.value = sel.options[sel.selectedIndex].value;

不起作用有两个原因：

1. <input name="sel_value">元素不在表单内。您有一个开始<form>标签，但没有结束标签，但表单由</div>关闭<div>包含它的 的 隐式关闭。

2. 赋值只会填写一个输入，它不会像 jQuery 那样自动遍历所有输入。

尝试：

$("input[name=sel_value]").val($(sel).val());

要使其在页面加载时填写这些字段，您需要：

 $(function(){
    $('#select').scroller({
        preset: 'select',
        theme: 'default',
        display: 'inline',
        mode: 'clickpick',
        inputClass: 'i-txt'
    });
    aggiornaHidden($("#select"));
});

要在填充某些输入之前乘以该值，请将这些输入更改为：

<input type="text" name="sel_value" data-multiply="2" .../>

更改aggiornaHidden为：

function aggiornaHidden(sel){
  $("input[name=sel_value]").each(function() {
      var multiply = $(this).data("multiply") || 1;
      $(this).val($(sel).val() * multiply);
  });
}