从文本字段中获取值并在选择字段中显示

时间:2014-03-24 12:44:25

标签: javascript jquery select

嗨,我有人可以帮助我,我想从文本字段中获取价值,并使用javascript或jquery在select中显示。

        <ul class="title_customer">
            <li>
        <label for="offaddress" class="title_register"><!--<em>*</em>--><?php echo $this->__('Title') ?></label>
        <div class="input-box">
           <div type="text" name="offaddress1" id="offaddress1" value="<?php echo $this->htmlEscape($this->getCustomer()->getOffaddress()) ?>" title="<?php echo $this->__('Office Address') ?>" class="input-text " >
            <input type="text" name="offaddress1" id="offaddress1" value="<?php echo $this->htmlEscape($this->getCustomer()->getOffaddress()) ?>" title="<?php echo $this->__('Office Address') ?>" class="input-text" />
           </div>
        </div>

    </li>
        <li>
        <label for="offaddress" class="title_register"><!--<em>*</em>--><?php echo $this->__('Choose Title') ?></label>
        <div class="input-box">
           <select type="text" name="offaddress" id="offaddress" value="<?php echo $this->htmlEscape($this->getCustomer()->getOffaddress()) ?>" title="<?php echo $this->__('Office Address') ?>" class="input-text " >
               <option value="DEP">DEP</option>
               <option value="DR">DR</option>
               <option value="MISS">MISS</option>
               <option value="MR">MR</option>
               <option value="MRS">MRS</option>
               <option value="MS">MS</option>
               <option value="SIR">SIR</option>
               <option value="LS">LS</option>
           </select>
        </div>
    </li>
    </ul>

1 个答案:

答案 0 :(得分:1)

如果用户输入自己,例如

,您可以在模糊函数内的选项上运行循环
var b;
$('#offaddress1').on('blur',function(){
  var a = $(this).val();        
  $('#offaddress option').each(function(){
    b = $(this).val();
    $(this).val(b + ' ' + a).html(b + ' ' + a);
  });
});

或者您可以通过执行类似

之类的操作来读取当前值(如果在页面加载时填充)
var b;
var a = $('#offaddress1').val();        
$('#offaddress option').each(function(){
  b = $(this).val();
  $(this).val(b + ' ' + a).html(b + ' ' + a);
});

你可以/应该整理变量名称并调整它以使其在页面加载和模糊时运行。

问题是你输入和包装div使用相同的ID,所以除非你改变它不会工作。

由于您没有添加任何尝试,我没有对这些进行过长时间的测试