选择选择下拉列表后查找最接近的输入文本

时间:2015-07-13 15:59:29

标签: javascript jquery

所以我尝试做的是使用id championSpell []改变输入的值,只要下拉菜单选择name ="更改[]" id ="选择更改[]。输入是动态生成的。函数val()中的测试变量负责该变化,并且是我遇到问题的那个。

$('#myModal').on('show.bs.modal', function (e) {    
  $("#signature").jSignature();
  $("#signature").resize();
});

2 个答案:

答案 0 :(得分:0)

您的帖子确实令人困惑,但如果您想要获取输入文本的值,则同时您的下拉菜单可以包含不同的值。您只需要在jQuery代码中使用select函数。

类似的东西:

 $('#dropdown :selected').text();

答案 1 :(得分:0)

您可以使用更改方法以及switch语句,如下所示:

HTML:

<select>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

<input type="text" id="champion" size="20" list="champions" value=""  placeholder="Enter Champion's name">

的jQuery

var inputValue;

$('select').on('change', function() {
    var selectedValue = $(this).val();

    switch(selectedValue) {
        case 'volvo':
            inputValue = 'volvo';
            break;
        case 'saab':
            inputValue = 'saab';
            break;
        case 'mercedes':
            inputValue = 'mercedes';
            break;
        case 'audi':
            inputValue = 'audi';
            break;
        default:
            break;
    }

    $('#champion').val(inputValue);

});

这是一个工作示例: http://jsfiddle.net/5spaa6kj/