需要使用mootools来简单的脚本而不是jquery ......怎么样?

时间:2010-05-03 00:01:00

标签: javascript jquery mootools

我在jquery中有一个脚本(从选择字段中获取值并将其传输到输入字段)我需要在mootools中做...我喜欢jquery ... mootools我不知道... 没有太多运气...... 这是代码:

<select size="1" class="inputbox select "
    id="producers" name="producers">
    <option selected="selected" value="">- Select an Article -</option>
    <option value="86">Acetaia Leonardi</option>
    <option value="50">Esperidia</option>
    <option value="49">Frescobaldi Laudemio</option>
    <option value="85">Primitivizia</option>
    <option value="87">Principato Lucedio</option>
    <option value="51">Rustichella d'Abruzzo</option>
</select>

<input type="text" value="" size="32" maxlength="50"
    name="producernamem" id="producernamem"
    class="inputbox text required required-enabled">
<!-- [example js] begin -->
<script type="text/javascript">
$(document).ready(function () {
    $('#producers').change(function () {
        pselected = $('#producers option:selected').text();
        $("input#producernamem[type='text']").val(pselected);
        alert (pselected);
    });
});
</script>

抱歉,我认为我没有包装代码而感到不安...

<select size="1" class="inputbox select " id="producers" name="producers"><option selected="selected" value="">- Select an Article -</option><option value="86">Acetaia Leonardi</option><option value="50">Esperidia</option><option value="49">Frescobaldi Laudemio</option><option value="85">Primitivizia</option><option value="87">Principato Lucedio</option><option value="51">Rustichella d'Abruzzo</option></select>

<input type="text" value="" size="32" maxlength="50" name="producernamem" id="producernamem" class="inputbox text required required-enabled">
<!-- [example js] begin -->
<script type="text/javascript">
    <!--//<![CDATA[

    $(document).ready(function () {

  $('#producers').change(function () {
  pselected = $('#producers option:selected').text();
  $("input#producernamem[type='text']").val(pselected);

      alert (pselected);
  });
      });

    //]]>-->
</script>

1 个答案:

答案 0 :(得分:3)

MooTools documentation是一个很好的资源:

<script type="text/javascript">
window.addEvent('domready', function() {
    $('producers').addEvent('change', function(e){
        pselected = this.getSelected().get('text');
        $("producernamem").set('value', pselected);
        alert(pselected)
    });
});
</script>