javascript - 需要使用 mootools 来编写简单的脚本而不是 jquery...怎么样？

Question

我有一个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>

Answer 1

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>