更改文本输入名称属性以匹配选择列表中的值

时间:2013-06-23 23:14:42

标签: jquery jquery-mobile

示例:http://jsfiddle.net/FyLr9/

我有一个jQueryMobile 1.3应用程序的搜索功能,可以添加或删除它的过滤器。我需要获取并存储选择列表值(可以这样做),然后将其应用于搜索输入的名称属性。

HTML:

<div class="js-select" data-role="fieldcontain">
    <label for="search" class="select">Search By</label>
    <select data-role="none" name="select2[]" class="mySelect" data-theme="e">
        <option value="1" selected="selected" > Search1</option>
        <option value="2" >Search2</option>
        <option value="3" >Search3</option>
    </select>
    <div style="width:100%;height:10px;display:block;"></div>
    <label for="search">Search For</label>
    <input type="search" name="" id="search" class="inline" value="" placeholder="Search" data-theme="d" data-inline="true">
    <a type="button" class="closeselect" id="remove" data-icon="minus" data-iconpos="right" data-inline="true" data-theme="d" data-mini="true">Delete Filter</a>
</div>

JS / jQuery:

$(function(){
    $('form').on('change', '.mySelect', function() {
        var value = $(this).val();
        //alert to show I'm getting the value
        alert (value);
        $(this).next('input[type="search"]').attr('name') = value;
    });
});

1 个答案:

答案 0 :(得分:1)

$(this).nextAll('input[type="search"]').attr('name',value);

http://jsfiddle.net/FyLr9/3/

从Omar的评论中只需使用id来选择元素

$(this).nextAll('#search').attr('name',value);