如何从react js中的select字段访问完整对象

时间:2017-11-14 06:14:27

标签: reactjs select

我正在处理一个表单,其中我们有一个客户字段,这是一个下拉列表和货币字段,这也是一个下拉字段。我必须根据所选客户设置其他字段的值。但是我没有得到怎么做。

我尝试使用Array.new(2*A.size) { |i| i.even? ? A[i/2] : B[i/2] } #=> ["Dog", "John", "Cat", "Doe", "Bird", "Foo"] 并设置货币选项的值,但它没有用。

这是我完整的组件代码:

customerObj

1 个答案:

答案 0 :(得分:1)

value options index使用customerOptions var customerOptions = this.state.clients.map(function(customerObj ,index) { return ( <option key={index+1} value={index} >{customerObj.name}</option> ); }.bind(this));

 handleUserInput(e){
        // will give selected customer
        let selectedCustomer = this.state.clients[event.target.value];

        //script to get the currency
        let selectedCurrency = ..
        this.setState({project.currency:selectedCurrency});
    }

JS:

add_action('woocommerce_before_checkout_form', 'cw_custom_checkbox_fields');
function cw_custom_checkbox_fields( $checkout ) {

    woocommerce_form_field( 'custom_checkbox', array(
        'type'          => 'checkbox',

        'label'         => __('Check if both addresses are same'),
        'required'  => false,
    ), $checkout->get_value( 'custom_checkbox' ));

    ?>
        <script type="text/javascript">
            var allgenders = document.getElementsByName("custom_checkbox");  

        </script>
    <?php
}

DEMO:https://codesandbox.io/s/z081rpqj4